@amaoaaaaa/search-table 0.3.0 → 0.5.0

package/dist/search-table.js

@@ -1,12 +1,12 @@
-var ze = Object.defineProperty;
-var Fe = (e, l, d) => l in e ? ze(e, l, { enumerable: !0, configurable: !0, writable: !0, value: d }) : e[l] = d;
-var de = (e, l, d) => Fe(e, typeof l != "symbol" ? l + "" : l, d);
-import { defineComponent as re, computed as q, isVNode as De, openBlock as s, createBlock as k, resolveDynamicComponent as Me, createElementBlock as w, markRaw as G, createElementVNode as _, useModel as Ke, useTemplateRef as _e, ref as P, withDirectives as te, createVNode as S, unref as n, withCtx as y, createCommentVNode as z, createTextVNode as R, toDisplayString as O, Fragment as U, renderList as le, mergeProps as ve, createSlots as Le, isRef as Te, normalizeClass as Ae, toValue as be, withModifiers as ce, withKeys as pe, normalizeStyle as we, mergeModels as xe, reactive as ge, nextTick as ae, toRef as Oe, watch as Ee, inject as Ue, onMounted as Ne, onUnmounted as je, renderSlot as ne, provide as We } from "vue";
-import { ElLoading as qe, ElTable as Ge, ElTableColumn as fe, ElPopover as Ie, ElScrollbar as ke, ElRadioGroup as Ye, ElRadio as Qe, ElCheckboxGroup as Je, ElCheckbox as Xe, ElDatePicker as Ze, ElButton as M, ElInput as $e, ElPopconfirm as et, ElText as tt, ElTooltip as lt, ElPagination as at, ElMessage as nt } from "element-plus";
-import { isFunction as A, isBoolean as Se, cloneDeep as J, isString as rt, keys as me, merge as it, isEqual as st, sortBy as ot, uniq as ut, pickBy as dt, countBy as ct } from "lodash-es";
-import { vTextEllipsis as he } from "@amaoaaaaa/v-text-ellipsis";
-import { isCancel as Ve } from "axios";
-const ft = ["innerHTML"], ht = /* @__PURE__ */ re({
+var je = Object.defineProperty;
+var Ie = (e, l, d) => l in e ? je(e, l, { enumerable: !0, configurable: !0, writable: !0, value: d }) : e[l] = d;
+var he = (e, l, d) => Ie(e, typeof l != "symbol" ? l + "" : l, d);
+import { defineComponent as de, computed as z, isVNode as qe, openBlock as s, createBlock as k, resolveDynamicComponent as Ge, createElementBlock as b, markRaw as Y, createElementVNode as C, useModel as We, useTemplateRef as $e, ref as V, withDirectives as ie, createVNode as _, unref as n, withCtx as y, createCommentVNode as F, createTextVNode as R, toDisplayString as L, Fragment as q, renderList as oe, mergeProps as ge, createSlots as Ye, isRef as Re, normalizeClass as Qe, toValue as Se, withModifiers as pe, withKeys as ye, normalizeStyle as ke, mergeModels as _e, reactive as xe, nextTick as ue, toRef as Ze, watch as Ve, useSlots as Je, inject as Xe, onMounted as et, onUnmounted as tt, renderSlot as Z, provide as lt } from "vue";
+import { ElLoading as at, ElTable as nt, ElTableColumn as ve, ElPopover as rt, ElScrollbar as Te, ElRadioGroup as st, ElRadio as it, ElCheckboxGroup as ot, ElCheckbox as ut, ElDatePicker as dt, ElButton as M, ElInput as Be, ElPopconfirm as ct, ElText as ft, ElTooltip as ht, ElPagination as pt, ElMessage as vt } from "element-plus";
+import { isFunction as I, isBoolean as Ce, cloneDeep as J, isString as mt, keys as be, merge as gt, isEqual as yt, pickBy as Fe, sortBy as bt, uniq as xt, countBy as wt } from "lodash-es";
+import { vTextEllipsis as me } from "@amaoaaaaa/v-text-ellipsis";
+import { isCancel as He } from "axios";
+const St = ["innerHTML"], kt = /* @__PURE__ */ de({
   __name: "RenderFormatterResult",
   props: {
     col: {},
@@ -15,24 +15,24 @@ const ft = ["innerHTML"], ht = /* @__PURE__ */ re({
     index: {}
   },
   setup(e) {
-    const l = e, d = q(() => {
-      var o, p;
+    const l = e, d = z(() => {
+      var i, g;
       const r = l.col.prop ? l.row[l.col.prop] : void 0;
-      return (p = (o = l.col).formatter) == null ? void 0 : p.call(o, l.row, l.column, r, l.index);
+      return (g = (i = l.col).formatter) == null ? void 0 : g.call(i, l.row, l.column, r, l.index);
     });
-    return (r, o) => De(d.value) ? (s(), k(Me(d.value), { key: 0 })) : (s(), w("span", {
+    return (r, i) => qe(d.value) ? (s(), k(Ge(d.value), { key: 0 })) : (s(), b("span", {
       key: 1,
       innerHTML: d.value
-    }, null, 8, ft));
+    }, null, 8, St));
   }
-}), vt = {
+}), _t = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function pt(e, l) {
-  return s(), w("svg", vt, [...l[0] || (l[0] = [
-    _("path", {
+function Tt(e, l) {
+  return s(), b("svg", _t, [...l[0] || (l[0] = [
+    C("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -42,14 +42,14 @@ function pt(e, l) {
     }, null, -1)
   ])]);
 }
-const mt = G({ name: "tabler-filter", render: pt }), gt = {
+const Ct = Y({ name: "tabler-filter", render: Tt }), Pt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function yt(e, l) {
-  return s(), w("svg", gt, [...l[0] || (l[0] = [
-    _("path", {
+function Et(e, l) {
+  return s(), b("svg", Pt, [...l[0] || (l[0] = [
+    C("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -59,12 +59,12 @@ function yt(e, l) {
     }, null, -1)
   ])]);
 }
-const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loading-text": "加载中..." }, xt = { class: "flex justify-center" }, kt = { class: "-mx-3 flex w-[150px] items-center justify-evenly" }, St = {
+const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loading-text": "加载中..." }, Vt = { class: "flex justify-center" }, Bt = { class: "-mx-3 flex w-[150px] items-center justify-evenly" }, Ft = {
   key: 0,
   class: "h-[23px]"
-}, Ct = ["onDblclick"], _t = { key: 1 }, Tt = /* @__PURE__ */ re({
+}, Ht = ["onDblclick"], zt = { key: 1 }, Dt = /* @__PURE__ */ de({
   __name: "index",
-  props: /* @__PURE__ */ xe({
+  props: /* @__PURE__ */ _e({
     data: {},
     columns: {},
     rowKey: { default: "id" },
@@ -75,100 +75,100 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
     loading: { type: Boolean, default: !1 }
   }, {
     filterData: {
-      default: () => ge({})
+      default: () => xe({})
     },
     filterDataModifiers: {}
   }),
-  emits: /* @__PURE__ */ xe(["applyFilter", "selectionChange", "cell-edit"], ["update:filterData"]),
+  emits: /* @__PURE__ */ _e(["applyFilter", "selectionChange", "cell-edit"], ["update:filterData"]),
   setup(e, { expose: l, emit: d }) {
-    const r = qe.directive, o = e, p = Ke(e, "filterData"), T = d, E = _e("elTableRef"), x = P({}), H = P({});
-    function V(a) {
-      x.value[a] = J(p.value[a]);
+    const r = at.directive, i = e, g = We(e, "filterData"), x = d, $ = $e("elTableRef"), w = V({}), H = V({});
+    function O(a) {
+      w.value[a] = J(g.value[a]);
     }
-    function ie(a) {
-      x.value[a] = J(p.value[a]);
+    function X(a) {
+      w.value[a] = J(g.value[a]);
     }
-    function se(a, h, t) {
-      x.value[a] = void 0, p.value[a] = void 0, I(a, h, t);
+    function ee(a, h, t) {
+      w.value[a] = void 0, g.value[a] = void 0, D(a, h, t);
     }
-    function I(a, h, t) {
-      p.value[a] = x.value[a], H.value[a] = !1, T("applyFilter", {
+    function D(a, h, t) {
+      g.value[a] = w.value[a], H.value[a] = !1, x("applyFilter", {
         col: t,
         prop: a,
         type: h,
-        value: p.value[a],
-        filterData: p.value
+        value: g.value[a],
+        filterData: g.value
       });
     }
-    function Y(a, h) {
-      const t = A(a.actions) ? a.actions(h) : a.actions;
-      return t == null ? void 0 : t.map((m) => {
-        const f = A(m.visibility) ? m.visibility(h) : m.visibility ?? !0;
-        return { ...m, visibility: f };
-      }).filter((m) => m.visibility !== !1);
+    function P(a, h) {
+      const t = I(a.actions) ? a.actions(h) : a.actions;
+      return t == null ? void 0 : t.map((f) => {
+        const v = I(f.visibility) ? f.visibility(h) : f.visibility ?? !0;
+        return { ...f, visibility: v };
+      }).filter((f) => f.visibility !== !1);
     }
-    function b(a) {
+    function S(a) {
       return a.filterFieldName ?? a.prop;
     }
-    function Q(a, h) {
+    function te(a, h) {
       return {
         color: a.text.includes("删除") ? "var(--el-color-danger)" : "",
-        visibility: Se(h) ? void 0 : h
+        visibility: Ce(h) ? void 0 : h
       };
     }
-    const $ = P([]);
-    function K() {
-      $.value = Array.from(
-        { length: o.data.length },
-        () => Array.from({ length: o.columns.length }, () => ({
+    const E = V([]);
+    function Q() {
+      E.value = Array.from(
+        { length: i.data.length },
+        () => Array.from({ length: i.columns.length }, () => ({
           editing: !1,
           inputRef: void 0,
           value: void 0
         }))
       );
     }
-    function N(a, h) {
-      return A(a.editable) ? a.editable(h) : a.editable ?? !1;
+    function G(a, h) {
+      return I(a.editable) ? a.editable(h) : a.editable ?? !1;
     }
-    function oe(a, h, t) {
-      const m = $.value[a][h];
-      m && (m.value = t, m.editing = !0, ae(() => {
-        var f;
-        (f = m.inputRef) == null || f.focus();
+    function le(a, h, t) {
+      const f = E.value[a][h];
+      f && (f.value = t, f.editing = !0, ue(() => {
+        var v;
+        (v = f.inputRef) == null || v.focus();
       }));
     }
-    function B(a) {
-      const h = $.value[a.rowIndex][a.colIndex];
+    function U(a) {
+      const h = E.value[a.rowIndex][a.colIndex];
       if (!h) return;
       h.editing = !1;
-      const t = a.newValue, m = a.row[a.prop];
-      t !== m && (a.row[a.prop] = t, T("cell-edit", a));
+      const t = a.newValue, f = a.row[a.prop];
+      t !== f && (a.row[a.prop] = t, x("cell-edit", a));
     }
-    function F(a, h) {
-      const t = $.value[a][h];
+    function A(a, h) {
+      const t = E.value[a][h];
       t && (t.editing = !1);
     }
     return l({
-      tableInstance: E,
-      resetCells: K
-    }), (a, h) => te((s(), w("section", wt, [
-      S(n(Ge), {
+      tableInstance: $,
+      resetCells: Q
+    }), (a, h) => ie((s(), b("section", Rt, [
+      _(n(nt), {
         ref: "elTableRef",
         data: e.data,
         border: "",
         class: "pro-table",
         height: "100%",
         "row-key": e.rowKey,
-        onSelectionChange: h[1] || (h[1] = (t) => T("selectionChange", t))
+        onSelectionChange: h[1] || (h[1] = (t) => x("selectionChange", t))
       }, {
         default: y(() => [
-          e.selectable ? (s(), k(n(fe), {
+          e.selectable ? (s(), k(n(ve), {
             key: 0,
             type: "selection",
             width: "55",
-            selectable: n(A)(e.selectable) ? e.selectable : void 0
-          }, null, 8, ["selectable"])) : z("", !0),
-          e.showIndex ? (s(), k(n(fe), {
+            selectable: n(I)(e.selectable) ? e.selectable : void 0
+          }, null, 8, ["selectable"])) : F("", !0),
+          e.showIndex ? (s(), k(n(ve), {
             key: 1,
             class: "index-cell",
             align: "center",
@@ -176,58 +176,58 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
             label: "序号"
           }, {
             default: y(({ $index: t }) => [
-              R(O(t + 1 + (e.indexOffset || 0)), 1)
+              R(L(t + 1 + (e.indexOffset || 0)), 1)
             ]),
             _: 1
-          }, 8, ["width"])) : z("", !0),
-          (s(!0), w(U, null, le(e.columns, (t, m) => (s(), k(n(fe), ve({ key: m }, { ref_for: !0 }, t, {
+          }, 8, ["width"])) : F("", !0),
+          (s(!0), b(q, null, oe(e.columns, (t, f) => (s(), k(n(ve), ge({ key: f }, { ref_for: !0 }, t, {
             align: t.align ?? "center",
             fixed: t.label === "操作" ? "right" : !1
-          }), Le({ _: 2 }, [
-            t.filterable ?? (t.filterType || t.filterOptions || Te(t.filterOptions)) ? {
+          }), Ye({ _: 2 }, [
+            t.filterable ?? (t.filterType || t.filterOptions || Re(t.filterOptions)) ? {
               name: "header",
-              fn: y(({ column: f }) => [
-                _("span", {
-                  class: Ae(["inline-flex items-center", {
-                    "text-[--el-color-primary]": b(t) && p.value[b(t)] !== void 0
+              fn: y(({ column: v }) => [
+                C("span", {
+                  class: Qe(["inline-flex items-center", {
+                    "text-[--el-color-primary]": S(t) && g.value[S(t)] !== void 0
                   }])
                 }, [
-                  b(t) ? (s(), k(n(Ie), {
+                  S(t) ? (s(), k(n(rt), {
                     key: 0,
-                    visible: H.value[b(t)],
-                    "onUpdate:visible": (c) => H.value[b(t)] = c,
+                    visible: H.value[S(t)],
+                    "onUpdate:visible": (c) => H.value[S(t)] = c,
                     placement: "bottom",
                     trigger: "click",
                     "hide-after": 0,
                     "show-after": 0,
                     width: t.filterPopoverWidth ?? (t.filterType === "datetimerange" ? 424 : void 0),
                     "popper-class": "reset",
-                    onShow: (c) => V(b(t)),
-                    onHide: (c) => ie(b(t))
+                    onShow: (c) => O(S(t)),
+                    onHide: (c) => X(S(t))
                   }, {
                     reference: y(() => [
-                      _("div", {
+                      C("div", {
                         class: "inline-flex cursor-pointer items-center gap-x-0.5 duration-100 hover:text-[--el-color-primary]",
-                        onClick: h[0] || (h[0] = ce(() => {
+                        onClick: h[0] || (h[0] = pe(() => {
                         }, ["stop"]))
                       }, [
-                        R(O(f.label) + " ", 1),
-                        p.value[b(t)] !== void 0 ? (s(), k(n(bt), { key: 0 })) : (s(), k(n(mt), { key: 1 }))
+                        R(L(v.label) + " ", 1),
+                        g.value[S(t)] !== void 0 ? (s(), k(n($t), { key: 0 })) : (s(), k(n(Ct), { key: 1 }))
                       ])
                     ]),
                     default: y(() => [
-                      !t.filterType || t.filterType === "radio" ? (s(), k(n(ke), {
+                      !t.filterType || t.filterType === "radio" ? (s(), k(n(Te), {
                         key: 0,
                         always: "",
                         "max-height": "34vh"
                       }, {
                         default: y(() => [
-                          S(n(Ye), {
-                            modelValue: x.value[b(t)],
-                            "onUpdate:modelValue": (c) => x.value[b(t)] = c
+                          _(n(st), {
+                            modelValue: w.value[S(t)],
+                            "onUpdate:modelValue": (c) => w.value[S(t)] = c
                           }, {
                             default: y(() => [
-                              (s(!0), w(U, null, le(be(t.filterOptions), (c) => (s(), k(n(Qe), {
+                              (s(!0), b(q, null, oe(Se(t.filterOptions), (c) => (s(), k(n(it), {
                                 key: c.value.toString(),
                                 value: c.value,
                                 label: c.label,
@@ -238,18 +238,18 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
                           }, 1032, ["modelValue", "onUpdate:modelValue"])
                         ]),
                         _: 2
-                      }, 1024)) : t.filterType === "checkbox" ? (s(), k(n(ke), {
+                      }, 1024)) : t.filterType === "checkbox" ? (s(), k(n(Te), {
                         key: 1,
                         always: "",
                         "max-height": "34vh"
                       }, {
                         default: y(() => [
-                          S(n(Je), {
-                            modelValue: x.value[b(t)],
-                            "onUpdate:modelValue": (c) => x.value[b(t)] = c
+                          _(n(ot), {
+                            modelValue: w.value[S(t)],
+                            "onUpdate:modelValue": (c) => w.value[S(t)] = c
                           }, {
                             default: y(() => [
-                              (s(!0), w(U, null, le(be(t.filterOptions), (c) => (s(), k(n(Xe), {
+                              (s(!0), b(q, null, oe(Se(t.filterOptions), (c) => (s(), k(n(ut), {
                                 key: c.value.toString(),
                                 value: c.value,
                                 label: c.label,
@@ -260,26 +260,26 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
                           }, 1032, ["modelValue", "onUpdate:modelValue"])
                         ]),
                         _: 2
-                      }, 1024)) : t.filterType === "datetimerange" ? (s(), k(n(Ze), {
+                      }, 1024)) : t.filterType === "datetimerange" ? (s(), k(n(dt), {
                         key: 2,
-                        modelValue: x.value[b(t)],
-                        "onUpdate:modelValue": (c) => x.value[b(t)] = c,
+                        modelValue: w.value[S(t)],
+                        "onUpdate:modelValue": (c) => w.value[S(t)] = c,
                         type: "datetimerange",
                         "start-placeholder": "开始时间",
                         "end-placeholder": "结束时间",
                         "range-separator": "至",
                         "value-format": "YYYY-MM-DD HH:mm:ss",
                         teleported: !1
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : z("", !0),
-                      h[4] || (h[4] = _("div", { class: "-mx-3 my-3 border-t" }, null, -1)),
-                      _("div", xt, [
-                        _("div", kt, [
-                          S(n(M), {
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : F("", !0),
+                      h[4] || (h[4] = C("div", { class: "-mx-3 my-3 border-t" }, null, -1)),
+                      C("div", Vt, [
+                        C("div", Bt, [
+                          _(n(M), {
                             type: "primary",
                             plain: "",
                             size: "small",
-                            onClick: (c) => se(
-                              b(t),
+                            onClick: (c) => ee(
+                              S(t),
                               t.filterType || "radio",
                               t
                             )
@@ -289,12 +289,12 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
                             ])]),
                             _: 1
                           }, 8, ["onClick"]),
-                          S(n(M), {
+                          _(n(M), {
                             type: "primary",
                             size: "small",
                             class: "!m-0",
-                            onClick: (c) => I(
-                              b(t),
+                            onClick: (c) => D(
+                              S(t),
                               t.filterType || "radio",
                               t
                             )
@@ -308,97 +308,97 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
                       ])
                     ]),
                     _: 2
-                  }, 1032, ["visible", "onUpdate:visible", "width", "onShow", "onHide"])) : z("", !0)
+                  }, 1032, ["visible", "onUpdate:visible", "width", "onShow", "onHide"])) : F("", !0)
                 ], 2)
               ]),
               key: "0"
             } : void 0,
             t.formatter ? {
               name: "default",
-              fn: y(({ row: f, column: c, $index: D }) => [
-                te((s(), w("div", null, [
-                  S(ht, {
+              fn: y(({ row: v, column: c, $index: N }) => [
+                ie((s(), b("div", null, [
+                  _(kt, {
                     col: t,
-                    row: f,
+                    row: v,
                     column: c,
-                    index: D
+                    index: N
                   }, null, 8, ["col", "row", "column", "index"])
                 ])), [
-                  [n(he), t.truncate ?? !0]
+                  [n(me), t.truncate ?? !0]
                 ])
               ]),
               key: "1"
             } : {
               name: "default",
-              fn: y(({ row: f, $index: c }) => {
-                var D, j;
+              fn: y(({ row: v, $index: c }) => {
+                var N, ae;
                 return [
-                  t.prop ? (s(), w("div", St, [
-                    N(t, f) ? (s(), w(U, { key: 0 }, [
-                      (j = (D = $.value[c]) == null ? void 0 : D[m]) != null && j.editing ? (s(), k(n($e), {
+                  t.prop ? (s(), b("div", Ft, [
+                    G(t, v) ? (s(), b(q, { key: 0 }, [
+                      (ae = (N = E.value[c]) == null ? void 0 : N[f]) != null && ae.editing ? (s(), k(n(Be), {
                         key: 0,
                         ref_for: !0,
-                        ref: (u) => $.value[c][m].inputRef = u,
-                        modelValue: $.value[c][m].value,
-                        "onUpdate:modelValue": (u) => $.value[c][m].value = u,
+                        ref: (o) => E.value[c][f].inputRef = o,
+                        modelValue: E.value[c][f].value,
+                        "onUpdate:modelValue": (o) => E.value[c][f].value = o,
                         style: { "--el-input-height": "23px" },
                         clearable: "",
                         size: "small",
                         "input-style": "--el-input-inner-height: 20px",
-                        onBlur: (u) => B({
+                        onBlur: (o) => U({
                           rowIndex: c,
-                          colIndex: m,
-                          row: f,
+                          colIndex: f,
+                          row: v,
                           prop: t.prop,
-                          oldValue: f[t.prop],
-                          newValue: $.value[c][m].value
+                          oldValue: v[t.prop],
+                          newValue: E.value[c][f].value
                         }),
                         onKeydown: [
-                          pe(ce((u) => B({
+                          ye(pe((o) => U({
                             rowIndex: c,
-                            colIndex: m,
-                            row: f,
+                            colIndex: f,
+                            row: v,
                             prop: t.prop,
-                            oldValue: f[t.prop],
-                            newValue: $.value[c][m].value
+                            oldValue: v[t.prop],
+                            newValue: E.value[c][f].value
                           }), ["stop", "prevent"]), ["enter"]),
-                          pe(ce((u) => F(c, m), ["stop", "prevent"]), ["esc"])
+                          ye(pe((o) => A(c, f), ["stop", "prevent"]), ["esc"])
                         ]
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeydown"])) : te((s(), w("div", {
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeydown"])) : ie((s(), b("div", {
                         key: 1,
                         class: "h-[23px] cursor-pointer",
-                        onDblclick: (u) => oe(c, m, f[t.prop])
+                        onDblclick: (o) => le(c, f, v[t.prop])
                       }, [
-                        R(O(f[t.prop]), 1)
-                      ], 40, Ct)), [
-                        [n(he), t.truncate ?? !0]
+                        R(L(v[t.prop]), 1)
+                      ], 40, Ht)), [
+                        [n(me), t.truncate ?? !0]
                       ])
-                    ], 64)) : te((s(), w("div", _t, [
-                      R(O(f[t.prop]), 1)
+                    ], 64)) : ie((s(), b("div", zt, [
+                      R(L(v[t.prop]), 1)
                     ])), [
-                      [n(he), t.truncate ?? !0]
+                      [n(me), t.truncate ?? !0]
                     ])
-                  ])) : z("", !0),
-                  (s(!0), w(U, null, le(Y(t, f), (u) => (s(), w(U, {
-                    key: u.text
+                  ])) : F("", !0),
+                  (s(!0), b(q, null, oe(P(t, v), (o) => (s(), b(q, {
+                    key: o.text
                   }, [
-                    u.text === "删除" || u.confirmText ? (s(), k(n(et), {
+                    o.text === "删除" || o.confirmText ? (s(), k(n(ct), {
                       key: 0,
                       placement: "top",
                       "hide-after": 0,
                       "popper-style": "width: unset; min-width: 150px;",
-                      title: n(Se)(u.confirmText) ? `是否确认${u.text}？` : n(A)(u.confirmText) ? u.confirmText(f) : u.confirmText ?? `是否确认${u.text}？`,
-                      onConfirm: (ue) => u.visibility === "hidden" ? void 0 : u.handler(f)
+                      title: n(Ce)(o.confirmText) ? `是否确认${o.text}？` : n(I)(o.confirmText) ? o.confirmText(v) : o.confirmText ?? `是否确认${o.text}？`,
+                      onConfirm: (B) => o.visibility === "hidden" ? void 0 : o.handler(v)
                     }, {
                       reference: y(() => [
-                        S(n(M), {
+                        _(n(M), {
                           link: "",
-                          type: u.type ?? "primary",
-                          style: we(Q(u, u.visibility)),
-                          disabled: n(A)(u.disabled) ? u.disabled(f) : u.disabled
+                          type: o.type ?? "primary",
+                          style: ke(te(o, o.visibility)),
+                          disabled: n(I)(o.disabled) ? o.disabled(v) : o.disabled
                         }, {
                           default: y(() => [
-                            R(O(u.text), 1)
+                            R(L(o.text), 1)
                           ]),
                           _: 2
                         }, 1032, ["type", "style", "disabled"])
@@ -407,13 +407,13 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
                     }, 1032, ["title", "onConfirm"])) : (s(), k(n(M), {
                       key: 1,
                       link: "",
-                      type: u.type ?? "primary",
-                      style: we(Q(u, u.visibility)),
-                      disabled: n(A)(u.disabled) ? u.disabled(f) : u.disabled,
-                      onClick: (ue) => u.visibility === "hidden" ? void 0 : u.handler(f)
+                      type: o.type ?? "primary",
+                      style: ke(te(o, o.visibility)),
+                      disabled: n(I)(o.disabled) ? o.disabled(v) : o.disabled,
+                      onClick: (B) => o.visibility === "hidden" ? void 0 : o.handler(v)
                     }, {
                       default: y(() => [
-                        R(O(u.text), 1)
+                        R(L(o.text), 1)
                       ]),
                       _: 2
                     }, 1032, ["type", "style", "disabled", "onClick"]))
@@ -430,25 +430,25 @@ const bt = G({ name: "tabler-filter-check", render: yt }), wt = { "element-loadi
       [n(r), e.loading]
     ]);
   }
-}), Re = (e, l) => {
+}), ze = (e, l) => {
   const d = e.__vccOpts || e;
-  for (const [r, o] of l)
-    d[r] = o;
+  for (const [r, i] of l)
+    d[r] = i;
   return d;
-}, Et = /* @__PURE__ */ Re(Tt, [["__scopeId", "data-v-476baef5"]]);
-function $t(e) {
-  var l, d, r, o, p, T, E;
-  if (rt(e))
+}, At = /* @__PURE__ */ ze(Dt, [["__scopeId", "data-v-476baef5"]]);
+function Lt(e) {
+  var l, d, r, i, g, x, $;
+  if (mt(e))
     return e.includes("database") || e.includes("java.sql.") ? "接口异常" : e;
-  if (Ve(e)) return "请求已取消";
+  if (He(e)) return "请求已取消";
   if (e.code === "ECONNABORTED" || (l = e.message) != null && l.includes("timeout"))
     return "请求超时，请稍后重试";
   if (!window.navigator.onLine || e.message === "Network Error")
     return "网络连接断开，请检查网络设置";
   if (e.response) {
-    const x = e.response.status, H = e.response.data;
+    const w = e.response.status, H = e.response.data;
     if (H && H.message) return H.message;
-    switch (x) {
+    switch (w) {
       case 400:
         return "请求参数错误 (400)";
       case 401:
@@ -464,12 +464,12 @@ function $t(e) {
       case 503:
         return "服务不可用 (503)";
       default:
-        return `网络异常 (${x})`;
+        return `网络异常 (${w})`;
     }
   }
-  return e instanceof SyntaxError ? "数据解析异常" : e instanceof TypeError ? "程序运行异常" : e instanceof Object && ((o = (r = e[(d = me(e)) == null ? void 0 : d[0]]) == null ? void 0 : r[0]) != null && o.message) ? (E = (T = e[(p = me(e)) == null ? void 0 : p[0]]) == null ? void 0 : T[0]) == null ? void 0 : E.message : e.message || "未知错误";
+  return e instanceof SyntaxError ? "数据解析异常" : e instanceof TypeError ? "程序运行异常" : e instanceof Object && ((i = (r = e[(d = be(e)) == null ? void 0 : d[0]]) == null ? void 0 : r[0]) != null && i.message) ? ($ = (x = e[(g = be(e)) == null ? void 0 : g[0]]) == null ? void 0 : x[0]) == null ? void 0 : $.message : e.message || "未知错误";
 }
-class Vt {
+class Mt {
   /**
    * 实例化 SelectionStore
    *
@@ -477,9 +477,9 @@ class Vt {
    */
   constructor(l = "id") {
     /** 存储选中的行 */
-    de(this, "map", /* @__PURE__ */ new Map());
+    he(this, "map", /* @__PURE__ */ new Map());
     /** 行数据的 Key */
-    de(this, "rowKey");
+    he(this, "rowKey");
     this.rowKey = l;
   }
   /** 获取所有选中行 */
@@ -520,10 +520,10 @@ class Vt {
    * @param selected 当前页勾选行
    */
   syncPage(l, d) {
-    const r = new Set(d.map((o) => o[this.rowKey]));
-    l.forEach((o) => {
-      r.has(o[this.rowKey]) || this.map.delete(o[this.rowKey]);
-    }), d.forEach((o) => this.map.set(o[this.rowKey], o));
+    const r = new Set(d.map((i) => i[this.rowKey]));
+    l.forEach((i) => {
+      r.has(i[this.rowKey]) || this.map.delete(i[this.rowKey]);
+    }), d.forEach((i) => this.map.set(i[this.rowKey], i));
   }
   /**
    * 同步表格 UI 勾选状态
@@ -539,120 +539,147 @@ class Vt {
     });
   }
 }
-function Rt(e, l, d) {
-  let r, o;
-  Te(e) ? (r = e, o = l) : (r = Oe(e, l), o = 300);
-  const p = P(r.value);
-  let T = null;
-  const E = () => {
-    T !== null && (clearTimeout(T), T = null);
+function Kt(e, l, d) {
+  let r, i;
+  Re(e) ? (r = e, i = l) : (r = Ze(e, l), i = 300);
+  const g = V(r.value);
+  let x = null;
+  const $ = () => {
+    x !== null && (clearTimeout(x), x = null);
   };
-  return Ee(
+  return Ve(
     r,
-    (x) => {
-      x ? (E(), T = setTimeout(() => {
-        p.value = !0;
-      }, o)) : (E(), p.value = !1);
+    (w) => {
+      w ? ($(), x = setTimeout(() => {
+        g.value = !0;
+      }, i)) : ($(), g.value = !1);
     },
     { immediate: !1 }
-  ), p;
+  ), g;
 }
-function Ht({ defaultSort: e, fetchFn: l, onReset: d }) {
-  const r = it(
+function Ot({ defaultSort: e, fetchFn: l, onReset: d }) {
+  const r = gt(
     {
       order: "",
       sort: ""
     },
     e
-  ), o = ge(J(r));
-  let p = J(o);
-  function T({
-    prop: E,
-    order: x
+  ), i = xe(J(r));
+  let g = J(i);
+  function x({
+    prop: $,
+    order: w
   }) {
-    x ? (o.sort = E || "", o.order = x === "ascending" ? "asc" : "desc", l()) : (o.sort = r.sort, o.order = r.order, st(o, p) && (o.order = o.order === "asc" ? "desc" : "asc"), d ? d() : l()), p = J(o);
+    w ? (i.sort = $ || "", i.order = w === "ascending" ? "asc" : "desc", l()) : (i.sort = r.sort, i.order = r.order, yt(i, g) && (i.order = i.order === "asc" ? "desc" : "asc"), d ? d() : l()), g = J(i);
   }
   return {
-    sortState: o,
-    onSortChange: T
+    sortState: i,
+    onSortChange: x
   };
 }
-const X = {
+const De = {
+  background: !0,
+  layout: "total, sizes, prev, pager, next, jumper"
+}, Ae = {
+  buttonText: "搜索"
+}, K = {
   rowHeight: 40,
-  headerHeight: 40
+  headerHeight: 40,
+  paginationProps: De,
+  searchProps: Ae
 };
-function Ce(e, l) {
+function Pe(e, l) {
   if (e == null) return l;
   const d = typeof e == "number" ? e : Number.parseFloat(e);
   if (!Number.isFinite(d)) return l;
   const r = Math.round(d);
   return r > 0 ? r : l;
 }
-function Bt(e) {
+function Ut(e, l) {
+  return typeof e == "string" && e.trim() ? e : l;
+}
+function Le(...e) {
+  return Fe(Object.assign({}, ...e), (l) => l !== void 0);
+}
+function Nt(e) {
+  return {
+    buttonText: (e == null ? void 0 : e.buttonText) ?? Ae.buttonText
+  };
+}
+function jt(e) {
+  const l = Le(
+    K.paginationProps,
+    e == null ? void 0 : e.paginationProps
+  );
   return {
-    rowHeight: Ce(e == null ? void 0 : e.rowHeight, X.rowHeight),
-    headerHeight: Ce(
-      e == null ? void 0 : e.headerHeight,
-      X.headerHeight
-    )
+    rowHeight: Pe(e == null ? void 0 : e.rowHeight, K.rowHeight),
+    headerHeight: Pe(e == null ? void 0 : e.headerHeight, K.headerHeight),
+    paginationProps: {
+      ...l,
+      layout: Ut(
+        l.layout,
+        De.layout
+      )
+    },
+    searchProps: Nt(e == null ? void 0 : e.searchProps)
   };
 }
-const He = Symbol("searchTableHeightConfig"), Pt = {
+const Me = Symbol("searchTableConfig"), It = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function zt(e, l) {
-  return s(), w("svg", Pt, [...l[0] || (l[0] = [
-    _("path", {
+function qt(e, l) {
+  return s(), b("svg", It, [...l[0] || (l[0] = [
+    C("path", {
       fill: "currentColor",
       d: "m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z"
     }, null, -1)
   ])]);
 }
-const Ft = G({ name: "ri-search-line", render: zt }), Dt = {
+const Gt = Y({ name: "ri-search-line", render: qt }), Wt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Mt(e, l) {
-  return s(), w("svg", Dt, [...l[0] || (l[0] = [
-    _("path", {
+function Yt(e, l) {
+  return s(), b("svg", Wt, [...l[0] || (l[0] = [
+    C("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const Kt = G({ name: "ri-add-line", render: Mt }), Lt = {
+const Qt = Y({ name: "ri-add-line", render: Yt }), Zt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function At(e, l) {
-  return s(), w("svg", Lt, [...l[0] || (l[0] = [
-    _("path", {
+function Jt(e, l) {
+  return s(), b("svg", Zt, [...l[0] || (l[0] = [
+    C("path", {
       fill: "currentColor",
       d: "M17 6h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zm1 2H6v12h12zm-9 3h2v6H9zm4 0h2v6h-2zM9 4v2h6V4z"
     }, null, -1)
   ])]);
 }
-const Ot = G({ name: "ri-delete-bin-line", render: At }), Ut = {
+const Xt = Y({ name: "ri-delete-bin-line", render: Jt }), el = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Nt(e, l) {
-  return s(), w("svg", Ut, [...l[0] || (l[0] = [
-    _("path", {
+function tl(e, l) {
+  return s(), b("svg", el, [...l[0] || (l[0] = [
+    C("path", {
       fill: "currentColor",
       d: "M6.535 3h14.464a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6.535a1 1 0 0 1-.833-.445l-5.333-8a1 1 0 0 1 0-1.11l5.333-8A1 1 0 0 1 6.535 3m.535 2l-4.667 7l4.667 7H20V5zM13 10.586l2.828-2.829l1.414 1.415L14.414 12l2.828 2.828l-1.414 1.415l-2.829-2.829l-2.828 2.829l-1.414-1.415L11.585 12L8.757 9.172l1.414-1.415z"
     }, null, -1)
   ])]);
 }
-const jt = G({ name: "ri-delete-back2-line", render: Nt }), Wt = { class: "search-table flex h-full flex-col" }, qt = {
+const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "search-table flex h-full flex-col" }, nl = {
   key: 0,
   class: "search-table__toolbar mb-6 flex flex-shrink-0 items-center justify-between"
-}, Gt = { class: "search-table__search flex items-center gap-x-3" }, It = { class: "search-table__actions" }, Yt = { class: "search-table__footer mt-5 flex flex-shrink-0 items-center justify-between" }, Qt = { class: "search-table__selection flex w-[164px] items-center" }, Jt = /* @__PURE__ */ re({
+}, rl = { class: "search-table__search flex items-center gap-x-3" }, sl = { class: "search-table__actions" }, il = { class: "search-table__footer mt-5 flex flex-shrink-0 items-center justify-between" }, ol = { class: "search-table__selection flex w-[164px] items-center" }, Ee = 10, ul = /* @__PURE__ */ de({
   __name: "index",
   props: {
     columns: {},
@@ -664,6 +691,7 @@ const jt = G({ name: "ri-delete-back2-line", render: Nt }), Wt = { class: "searc
     loading: { type: Boolean },
     showSearch: { type: Boolean, default: !0 },
     searchInputPlaceholder: { default: "输入搜索关键词" },
+    searchButtonText: {},
     searchField: { default: "search" },
     showAddButton: { type: Boolean },
     showBatchDeleteButton: { type: Boolean },
@@ -675,200 +703,222 @@ const jt = G({ name: "ri-delete-back2-line", render: Nt }), Wt = { class: "searc
   },
   emits: ["add", "batch-delete", "cell-edit"],
   setup(e, { expose: l, emit: d }) {
-    const r = e, o = d, p = _e("proTableRef"), T = Ue(He, X), { sortState: E, onSortChange: x } = Ht({
+    const r = e, i = d, g = Je(), x = $e("proTableRef"), $ = Xe(Me, K), w = z(
+      () => Le($.paginationProps, r.elPaginationProps)
+    ), H = z(
+      () => r.searchButtonText ?? $.searchProps.buttonText
+    ), { sortState: O, onSortChange: X } = Ot({
       defaultSort: r.defaultSort,
-      fetchFn: F,
+      fetchFn: f,
       onReset() {
-        var g, C;
-        const v = E.sort, i = E.order === "asc" ? "ascending" : "descending";
-        r.columns.some((W) => W.prop === v) ? (C = (g = p.value) == null ? void 0 : g.tableInstance) == null || C.sort(v, i) : F();
+        var m, T;
+        const p = O.sort, u = O.order === "asc" ? "ascending" : "descending";
+        r.columns.some((W) => W.prop === p) ? (T = (m = x.value) == null ? void 0 : m.tableInstance) == null || T.sort(p, u) : f();
       }
-    }), H = P(r.pageSize ?? 0), V = P({
-      pageSize: H.value,
+    }), ee = z(() => {
+      const p = O.order === "asc" ? "ascending" : "descending";
+      return {
+        prop: O.sort,
+        order: p
+      };
+    }), D = V(r.pageSize ?? 0), P = V({
+      pageSize: D.value,
       currPage: 1,
       total: 0
-    }), ie = q(() => ot(ut([H.value, 10, 20, 30, 40, 50, 100]))), se = q(() => (V.value.currPage - 1) * V.value.pageSize), I = P(0), Y = q(() => r.searchField ?? "search"), b = P({
-      [Y.value]: ""
-    }), Q = q({
-      get: () => b.value[Y.value] ?? "",
-      set: (v) => {
-        b.value[Y.value] = v;
+    }), S = z(() => bt(xt([D.value, 10, 20, 30, 40, 50, 100]))), te = z(() => (P.value.currPage - 1) * P.value.pageSize), E = V(0), Q = z(() => r.searchField ?? "search"), G = V({
+      [Q.value]: ""
+    }), le = z({
+      get: () => G.value[Q.value] ?? "",
+      set: (p) => {
+        G.value[Q.value] = p;
       }
-    }), $ = ge({}), K = P([]), N = P(!1), oe = Rt(N, 100);
-    let B = null;
-    async function F() {
-      B == null || B.abort(), B = new AbortController(), N.value = !0;
-      const v = se.value;
+    }), U = xe({}), A = V([]), a = V(!1), h = Kt(a, 100);
+    let t = null;
+    async function f() {
+      t == null || t.abort(), t = new AbortController(), a.value = !0;
+      const p = te.value;
       try {
-        const i = {
-          ...b.value,
-          ...$,
-          ...E,
-          limit: V.value.pageSize,
-          offset: v
-        }, g = r.searchParamsHandler ? r.searchParamsHandler(i) : i, { data: C = [], totalCount: W = 0 } = await r.fetchFn(g, {
-          signal: B.signal
+        const u = {
+          ...G.value,
+          ...U,
+          ...O,
+          limit: P.value.pageSize,
+          offset: p
+        }, m = r.searchParamsHandler ? r.searchParamsHandler(u) : u, { data: T = [], totalCount: W = 0 } = await r.fetchFn(m, {
+          signal: t.signal
         });
-        K.value = C, I.value = v, V.value.total = W, await ae(() => {
-          var L, Z, ee;
-          (Z = (L = p.value) == null ? void 0 : L.tableInstance) == null || Z.setScrollTop(0), (ee = p.value) == null || ee.resetCells();
-        }), r.selectable && Pe(C);
-      } catch (i) {
-        if (Ve(i)) return;
-        console.error("[SearchTable] 获取数据失败", i), nt.error("表格数据加载失败：" + $t(i));
+        A.value = T, E.value = p, P.value.total = W, await ue(() => {
+          var j, re, se;
+          (re = (j = x.value) == null ? void 0 : j.tableInstance) == null || re.setScrollTop(0), (se = x.value) == null || se.resetCells();
+        }), r.selectable && Ne(T);
+      } catch (u) {
+        if (He(u)) return;
+        console.error("[SearchTable] 获取数据失败", u), vt.error("表格数据加载失败：" + Lt(u));
       }
-      N.value = !1;
+      a.value = !1;
     }
-    function a() {
-      V.value.currPage = 1, F();
+    function v() {
+      P.value.currPage = 1, f();
     }
-    function h({ type: v, value: i, prop: g, col: C }) {
-      if (v === "datetimerange") {
-        const [W = `${g}Start`, L = `${g}End`] = C.datetimerangeFilterFieldNames || [], [Z, ee] = i || [];
-        $[W] = Z, $[L] = ee;
+    function c({ type: p, value: u, prop: m, col: T }) {
+      if (p === "datetimerange") {
+        const [W = `${m}Start`, j = `${m}End`] = T.datetimerangeFilterFieldNames || [], [re, se] = u || [];
+        U[W] = re, U[j] = se;
       } else
-        $[g] = i;
-      a();
+        U[m] = u;
+      v();
     }
-    const t = async () => {
-      N.value || (ye(), await F());
+    function N(p) {
+      i("cell-edit", p);
+    }
+    const ae = async () => {
+      a.value || (we(), await f());
     };
-    function m() {
-      var L;
-      const { rowHeight: v, headerHeight: i } = T, C = ((L = p.value) == null ? void 0 : L.$el).offsetHeight - i;
-      return Math.floor(C / v);
+    function o() {
+      var j;
+      const { rowHeight: p, headerHeight: u } = $, m = (j = x.value) == null ? void 0 : j.$el;
+      if (!m) return 0;
+      const T = m.offsetHeight - u;
+      return Math.floor(T / p);
     }
-    const f = P([]), c = q(() => f.value), D = new Vt(r.rowKey);
-    let j = !1;
-    const u = (v) => {
-      j || (D.syncPage(K.value, v), f.value = D.values);
-    }, ue = () => f.value, Be = (v) => {
-      u(v);
-    }, ye = () => {
-      var v, i;
-      (i = (v = p.value) == null ? void 0 : v.tableInstance) == null || i.clearSelection(), f.value = [], D.clear();
+    const B = V([]), Ke = z(() => B.value), ne = new Mt(r.rowKey);
+    let ce = !1;
+    const fe = (p) => {
+      ce || (ne.syncPage(A.value, p), B.value = ne.values);
+    }, Oe = () => B.value, Ue = (p) => {
+      fe(p);
+    }, we = () => {
+      var p, u;
+      (u = (p = x.value) == null ? void 0 : p.tableInstance) == null || u.clearSelection(), B.value = [], ne.clear();
     };
-    r.selectable && Ee(K, async () => {
-      j = !0, await ae(), D.restorePageSelection(K.value, (v, i) => {
-        var g, C;
-        (C = (g = p.value) == null ? void 0 : g.tableInstance) == null || C.toggleRowSelection(v, i);
-      }), await ae(), j = !1;
+    r.selectable && Ve(A, async () => {
+      ce = !0, await ue(), ne.restorePageSelection(A.value, (p, u) => {
+        var m, T;
+        (T = (m = x.value) == null ? void 0 : m.tableInstance) == null || T.toggleRowSelection(p, u);
+      }), await ue(), ce = !1;
     });
-    function Pe(v) {
-      const i = v.map((C) => C[r.rowKey]), g = me(dt(ct(i), (C) => C > 1));
-      g.length && console.error(
+    function Ne(p) {
+      const u = p.map((T) => T[r.rowKey]), m = be(Fe(wt(u), (T) => T > 1));
+      m.length && console.error(
         "[SearchTable] 表格数据存在重复的 rowKey，将会导致勾选功能异常！",
-        g
+        m
       );
     }
-    return Ne(() => {
-      if (!V.value.pageSize) {
-        const v = m();
-        H.value = v, V.value.pageSize = v;
-      }
-      F();
-    }), je(() => {
-      B == null || B.abort();
+    return et(() => {
+      P.value.pageSize || (g.table ? (console.warn(
+        `[SearchTable] 使用 table 插槽替换表格时无法自动计算每页条数，将使用默认值 ${Ee}，可通过 pageSize 指定`
+      ), D.value = Ee) : D.value = o(), P.value.pageSize = D.value), f();
+    }), tt(() => {
+      t == null || t.abort();
     }), l({
       /**
        * 刷新当前页
        */
-      refresh: t,
+      refresh: ae,
       /**
        * 已勾选的行
        */
-      selectedRows: c,
+      selectedRows: Ke,
       /**
        * 获取已勾选的行
        */
-      getSelectionRows: ue,
+      getSelectionRows: Oe,
       /**
        * 勾选指定行
        */
-      selectRows: Be
-    }), (v, i) => (s(), w("div", Wt, [
-      e.showSearch ? (s(), w("section", qt, [
-        _("div", Gt, [
-          S(n($e), {
-            modelValue: Q.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (g) => Q.value = g),
+      selectRows: Ue
+    }), (p, u) => (s(), b("div", al, [
+      e.showSearch ? (s(), b("section", nl, [
+        C("div", rl, [
+          _(n(Be), {
+            modelValue: le.value,
+            "onUpdate:modelValue": u[0] || (u[0] = (m) => le.value = m),
             modelModifiers: { trim: !0 },
             class: "search-table__search-input !w-[260px] flex-shrink-0",
             placeholder: e.searchInputPlaceholder,
             clearable: "",
-            onKeyup: pe(a, ["enter"]),
-            onClear: a
+            onKeyup: ye(v, ["enter"]),
+            onClear: v
           }, null, 8, ["modelValue", "placeholder"]),
-          ne(v.$slots, "search-form", {
-            query: b.value,
-            search: a
+          Z(p.$slots, "search-form", {
+            query: G.value,
+            search: v
           }, void 0, !0),
-          S(n(M), {
+          _(n(M), {
             class: "search-table__search-button",
             type: "primary",
-            onClick: a
+            onClick: v
           }, {
             default: y(() => [
-              S(n(Ft)),
-              i[6] || (i[6] = R(" 搜索 ", -1))
+              _(n(Gt)),
+              R(" " + L(H.value), 1)
             ]),
             _: 1
           })
         ]),
-        ne(v.$slots, "top-center", {}, void 0, !0),
-        _("div", It, [
+        Z(p.$slots, "top-center", {}, void 0, !0),
+        C("div", sl, [
           e.showAddButton ? (s(), k(n(M), {
             key: 0,
             class: "search-table__add-button",
             type: "primary",
-            onClick: i[1] || (i[1] = (g) => o("add"))
+            onClick: u[1] || (u[1] = (m) => i("add"))
           }, {
             default: y(() => [
-              S(n(Kt)),
-              i[7] || (i[7] = R("新增 ", -1))
+              _(n(Qt)),
+              u[5] || (u[5] = R("新增 ", -1))
             ]),
             _: 1
-          })) : z("", !0),
+          })) : F("", !0),
           e.showBatchDeleteButton ? (s(), k(n(M), {
             key: 1,
             class: "search-table__batch-delete-button",
-            disabled: !f.value.length,
+            disabled: !B.value.length,
             type: "danger",
-            onClick: i[2] || (i[2] = (g) => o("batch-delete", f.value))
+            onClick: u[2] || (u[2] = (m) => i("batch-delete", B.value))
           }, {
             default: y(() => [
-              S(n(Ot)),
-              i[8] || (i[8] = R("批量删除 ", -1))
+              _(n(Xt)),
+              u[6] || (u[6] = R("批量删除 ", -1))
             ]),
             _: 1
-          }, 8, ["disabled"])) : z("", !0),
-          ne(v.$slots, "btns", {}, void 0, !0)
+          }, 8, ["disabled"])) : F("", !0),
+          Z(p.$slots, "btns", {}, void 0, !0)
         ])
-      ])) : z("", !0),
-      S(Et, ve({ ref: "proTableRef" }, r, {
-        class: "search-table__body flex-1 overflow-hidden",
-        "index-offset": I.value,
-        data: K.value,
-        loading: n(oe),
-        "default-sort": {
-          prop: n(E).sort,
-          order: n(E).order === "asc" ? "ascending" : "descending"
-        },
-        onApplyFilter: h,
-        onSelectionChange: u,
-        onCellEdit: i[3] || (i[3] = (...g) => o("cell-edit", ...g)),
-        onSortChange: n(x)
-      }), null, 16, ["index-offset", "data", "loading", "default-sort", "onSortChange"]),
-      _("section", Yt, [
-        _("div", Qt, [
-          e.selectable ? (s(), w(U, { key: 0 }, [
-            S(n(tt), { type: "info" }, {
+      ])) : F("", !0),
+      Z(p.$slots, "table", {
+        data: A.value,
+        loading: n(h),
+        columns: r.columns,
+        indexOffset: E.value,
+        defaultSort: ee.value,
+        applyFilter: c,
+        selectionChange: fe,
+        cellEdit: N,
+        sortChange: n(X)
+      }, () => [
+        _(At, ge({ ref: "proTableRef" }, r, {
+          class: "search-table__body flex-1 overflow-hidden",
+          "index-offset": E.value,
+          data: A.value,
+          loading: n(h),
+          "default-sort": ee.value,
+          onApplyFilter: c,
+          onSelectionChange: fe,
+          onCellEdit: N,
+          onSortChange: n(X)
+        }), null, 16, ["index-offset", "data", "loading", "default-sort", "onSortChange"])
+      ], !0),
+      C("section", il, [
+        C("div", ol, [
+          e.selectable ? (s(), b(q, { key: 0 }, [
+            _(n(ft), { type: "info" }, {
               default: y(() => [
-                R("已选 " + O(f.value.length) + " 条", 1)
+                R("已选 " + L(B.value.length) + " 条", 1)
               ]),
               _: 1
             }),
-            f.value.length ? (s(), k(n(lt), {
+            B.value.length ? (s(), k(n(ht), {
               key: 0,
               content: "清空勾选",
               placement: "top",
@@ -876,52 +926,52 @@ const jt = G({ name: "ri-delete-back2-line", render: Nt }), Wt = { class: "searc
               "hide-after": 0
             }, {
               default: y(() => [
-                S(n(M), {
+                _(n(M), {
                   type: "danger",
                   text: "",
                   class: "search-table__clear-selection-button ml-1 !px-2",
-                  onClick: ye
+                  onClick: we
                 }, {
                   default: y(() => [
-                    S(n(jt))
+                    _(n(ll))
                   ]),
                   _: 1
                 })
               ]),
               _: 1
-            })) : z("", !0)
-          ], 64)) : z("", !0)
+            })) : F("", !0)
+          ], 64)) : F("", !0)
         ]),
-        S(n(at), ve(e.elPaginationProps, {
-          "page-size": V.value.pageSize,
-          "onUpdate:pageSize": i[4] || (i[4] = (g) => V.value.pageSize = g),
-          "current-page": V.value.currPage,
-          "onUpdate:currentPage": i[5] || (i[5] = (g) => V.value.currPage = g),
-          total: V.value.total,
-          background: "",
-          "page-sizes": ie.value,
-          layout: "total, sizes, prev, pager, next, jumper",
+        _(n(pt), ge(w.value, {
+          "page-size": P.value.pageSize,
+          "onUpdate:pageSize": u[3] || (u[3] = (m) => P.value.pageSize = m),
+          "current-page": P.value.currPage,
+          "onUpdate:currentPage": u[4] || (u[4] = (m) => P.value.currPage = m),
+          total: P.value.total,
+          "page-sizes": S.value,
           class: "search-table__pagination flex-shrink-0",
-          onSizeChange: F,
-          onCurrentChange: F
+          onSizeChange: f,
+          onCurrentChange: f
         }), null, 16, ["page-size", "current-page", "total", "page-sizes"]),
-        i[9] || (i[9] = _("div", { class: "search-table__footer-spacer w-[164px]" }, null, -1))
+        u[7] || (u[7] = C("div", { class: "search-table__footer-spacer w-[164px]" }, null, -1))
       ])
     ]));
   }
-}), nl = /* @__PURE__ */ Re(Jt, [["__scopeId", "data-v-9f6b4bf8"]]), rl = /* @__PURE__ */ re({
+}), ml = /* @__PURE__ */ ze(ul, [["__scopeId", "data-v-56484700"]]), gl = /* @__PURE__ */ de({
   name: "SearchTableConfigProvider",
   __name: "ConfigProvider",
   props: {
-    rowHeight: { default: X.rowHeight },
-    headerHeight: { default: X.headerHeight }
+    rowHeight: { default: K.rowHeight },
+    headerHeight: { default: K.headerHeight },
+    paginationProps: { default: () => K.paginationProps },
+    searchProps: { default: () => K.searchProps }
   },
   setup(e) {
-    return We(He, Bt(e)), (d, r) => ne(d.$slots, "default");
+    return lt(Me, jt(e)), (d, r) => Z(d.$slots, "default");
   }
 });
 export {
-  Et as ProTable,
-  nl as SearchTable,
-  rl as SearchTableConfigProvider
+  At as ProTable,
+  ml as SearchTable,
+  gl as SearchTableConfigProvider
 };