@amaoaaaaa/search-table 0.1.3 → 0.2.1

package/README.md

@@ -103,19 +103,20 @@ const columns = [{ label: '姓名', prop: 'name' }];
 
 ### SearchTable Props
 
-| 属性                     | 类型                                 | 默认值             | 说明                 |
-| ------------------------ | ------------------------------------ | ------------------ | -------------------- |
-| `columns`                | `ProTableColumn[]`                   | -                  | 表格列配置           |
-| `fetchFn`                | `SearchTableFetchFn`                 | **必填**           | 数据请求函数         |
-| `showSearch`             | `boolean`                            | `true`             | 是否显示搜索区域     |
-| `searchInputPlaceholder` | `string`                             | `"输入搜索关键词"` | 搜索框占位文本       |
-| `showAddButton`          | `boolean`                            | `false`            | 是否显示新增按钮     |
-| `showBatchDeleteButton`  | `boolean`                            | `false`            | 是否显示批量删除按钮 |
-| `pageSize`               | `number`                             | 自动计算           | 每页条数             |
-| `elPaginationProps`      | `Partial<PaginationProps>`           | -                  | 分页组件属性         |
-| `defaultSort`            | `SortState`                          | -                  | 默认排序             |
-| `selectable`             | `boolean \| (row, index) => boolean` | -                  | 是否可勾选           |
-| `searchParamsHandler`    | `(params) => params`                 | -                  | 搜索参数处理函数     |
+| 属性                     | 类型                                 | 默认值             | 说明                         |
+| ------------------------ | ------------------------------------ | ------------------ | ---------------------------- |
+| `columns`                | `ProTableColumn[]`                   | -                  | 表格列配置                   |
+| `fetchFn`                | `SearchTableFetchFn`                 | **必填**           | 数据请求函数                 |
+| `showSearch`             | `boolean`                            | `true`             | 是否显示搜索区域             |
+| `searchInputPlaceholder` | `string`                             | `"输入搜索关键词"` | 搜索框占位文本               |
+| `searchField`            | `string`                             | `"search"`         | 搜索框绑定到查询参数的字段名 |
+| `showAddButton`          | `boolean`                            | `false`            | 是否显示新增按钮             |
+| `showBatchDeleteButton`  | `boolean`                            | `false`            | 是否显示批量删除按钮         |
+| `pageSize`               | `number`                             | 自动计算           | 每页条数                     |
+| `elPaginationProps`      | `Partial<PaginationProps>`           | -                  | 分页组件属性                 |
+| `defaultSort`            | `SortState`                          | -                  | 默认排序                     |
+| `selectable`             | `boolean \| (row, index) => boolean` | -                  | 是否可勾选                   |
+| `searchParamsHandler`    | `(params) => params`                 | -                  | 搜索参数处理函数             |
 
 ### SearchTable Events
 

package/dist/SearchTable/index.vue.d.ts

@@ -9,10 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         'search-form'?(_: {
-            query: {
-                [x: string]: any;
-                search: string;
-            };
+            query: Record<string, any>;
             search: typeof resetToFirstPage;
         }): any;
         'top-center'?(_: {}): any;
@@ -2007,6 +2004,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     indexWidth: string | number;
     showSearch: boolean;
     searchInputPlaceholder: string;
+    searchField: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     proTableRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         filterData?: Record<string, any>;

package/dist/SearchTable/types.d.ts

@@ -11,6 +11,12 @@ export type SearchTableProps<T extends TableRow = any> = Omit<ProTableProps<T>,
      * 搜索输入框的提示语
      */
     searchInputPlaceholder?: string;
+    /**
+     * 搜索框绑定到查询参数的字段名
+     *
+     * @default 'search'
+     */
+    searchField?: string;
     /**
      * 是否显示新增按钮
      *

package/dist/search-table.js

@@ -1,12 +1,12 @@
-var Ve = Object.defineProperty;
-var $e = (l, t, f) => t in l ? Ve(l, t, { enumerable: !0, configurable: !0, writable: !0, value: f }) : l[t] = f;
-var re = (l, t, f) => $e(l, typeof t != "symbol" ? t + "" : t, f);
-import { defineComponent as me, computed as te, isVNode as Be, openBlock as s, createBlock as C, resolveDynamicComponent as ze, createElementBlock as w, markRaw as G, createElementVNode as R, useModel as Pe, useTemplateRef as ke, ref as z, withDirectives as Z, createVNode as E, unref as n, withCtx as x, createCommentVNode as H, createTextVNode as $, toDisplayString as O, Fragment as U, renderList as ee, mergeProps as fe, createSlots as He, isRef as Se, normalizeClass as De, toValue as ye, withModifiers as oe, withKeys as ve, normalizeStyle as ge, mergeModels as be, reactive as he, nextTick as le, toRef as Fe, watch as Ce, onMounted as Me, onUnmounted as Ke, renderSlot as ue } from "vue";
-import { ElLoading as _e, ElTable as Le, ElTableColumn as de, ElPopover as Ae, ElScrollbar as xe, ElRadioGroup as Oe, ElRadio as Ue, ElCheckboxGroup as Ne, ElCheckbox as je, ElDatePicker as We, ElButton as F, ElInput as Ee, ElPopconfirm as Ge, ElText as Ie, ElTooltip as qe, ElPagination as Ye, ElMessage as Je } from "element-plus";
-import { isFunction as A, isBoolean as we, cloneDeep as I, isString as Qe, keys as pe, merge as Xe, isEqual as Ze, sortBy as et, uniq as tt, pickBy as lt, countBy as nt } from "lodash-es";
+var Be = Object.defineProperty;
+var ze = (l, t, f) => t in l ? Be(l, t, { enumerable: !0, configurable: !0, writable: !0, value: f }) : l[t] = f;
+var re = (l, t, f) => ze(l, typeof t != "symbol" ? t + "" : t, f);
+import { defineComponent as me, computed as I, isVNode as Pe, openBlock as s, createBlock as C, resolveDynamicComponent as He, createElementBlock as x, markRaw as q, createElementVNode as V, useModel as Fe, useTemplateRef as Se, ref as z, withDirectives as ee, createVNode as E, unref as n, withCtx as b, createCommentVNode as F, createTextVNode as $, toDisplayString as O, Fragment as U, renderList as te, mergeProps as fe, createSlots as De, isRef as Ce, normalizeClass as Me, toValue as ge, withModifiers as oe, withKeys as ve, normalizeStyle as be, mergeModels as xe, reactive as he, nextTick as le, toRef as Ke, watch as Ee, onMounted as _e, onUnmounted as Le, renderSlot as ue } from "vue";
+import { ElLoading as Ae, ElTable as Oe, ElTableColumn as de, ElPopover as Ue, ElScrollbar as we, ElRadioGroup as Ne, ElRadio as je, ElCheckboxGroup as We, ElCheckbox as Ge, ElDatePicker as Ie, ElButton as M, ElInput as Te, ElPopconfirm as qe, ElText as Ye, ElTooltip as Qe, ElPagination as Je, ElMessage as Xe } from "element-plus";
+import { isFunction as A, isBoolean as ke, cloneDeep as Q, isString as Ze, keys as pe, merge as et, isEqual as tt, sortBy as lt, uniq as nt, pickBy as at, countBy as it } from "lodash-es";
 import { vTextEllipsis as ce } from "@amaoaaaaa/v-text-ellipsis";
-import { isCancel as Te } from "axios";
-const at = ["innerHTML"], it = /* @__PURE__ */ me({
+import { isCancel as Re } from "axios";
+const st = ["innerHTML"], rt = /* @__PURE__ */ me({
   __name: "RenderFormatterResult",
   props: {
     col: {},
@@ -15,24 +15,24 @@ const at = ["innerHTML"], it = /* @__PURE__ */ me({
     index: {}
   },
   setup(l) {
-    const t = l, f = te(() => {
+    const t = l, f = I(() => {
       var r, p;
-      const d = t.col.prop ? t.row[t.col.prop] : void 0;
-      return (p = (r = t.col).formatter) == null ? void 0 : p.call(r, t.row, t.column, d, t.index);
+      const o = t.col.prop ? t.row[t.col.prop] : void 0;
+      return (p = (r = t.col).formatter) == null ? void 0 : p.call(r, t.row, t.column, o, t.index);
     });
-    return (d, r) => Be(f.value) ? (s(), C(ze(f.value), { key: 0 })) : (s(), w("span", {
+    return (o, r) => Pe(f.value) ? (s(), C(He(f.value), { key: 0 })) : (s(), x("span", {
       key: 1,
       innerHTML: f.value
-    }, null, 8, at));
+    }, null, 8, st));
   }
-}), st = {
+}), ot = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function rt(l, t) {
-  return s(), w("svg", st, [...t[0] || (t[0] = [
-    R("path", {
+function ut(l, t) {
+  return s(), x("svg", ot, [...t[0] || (t[0] = [
+    V("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -42,14 +42,14 @@ function rt(l, t) {
     }, null, -1)
   ])]);
 }
-const ot = G({ name: "tabler-filter", render: rt }), ut = {
+const dt = q({ name: "tabler-filter", render: ut }), ct = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function dt(l, t) {
-  return s(), w("svg", ut, [...t[0] || (t[0] = [
-    R("path", {
+function ft(l, t) {
+  return s(), x("svg", ct, [...t[0] || (t[0] = [
+    V("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -59,12 +59,12 @@ function dt(l, t) {
     }, null, -1)
   ])]);
 }
-const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loading-text": "加载中..." }, vt = { class: "flex justify-center" }, pt = { class: "-mx-3 flex w-[150px] items-center justify-evenly" }, mt = {
+const vt = q({ name: "tabler-filter-check", render: ft }), pt = { "element-loading-text": "加载中..." }, mt = { class: "flex justify-center" }, ht = { class: "-mx-3 flex w-[150px] items-center justify-evenly" }, yt = {
   key: 0,
   class: "h-[23px]"
-}, ht = ["onDblclick"], yt = { key: 1 }, gt = /* @__PURE__ */ me({
+}, gt = ["onDblclick"], bt = { key: 1 }, xt = /* @__PURE__ */ me({
   __name: "index",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     data: {},
     columns: {},
     rowKey: { default: "id" },
@@ -79,46 +79,46 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
     },
     filterDataModifiers: {}
   }),
-  emits: /* @__PURE__ */ be(["applyFilter", "selectionChange", "cell-edit"], ["update:filterData"]),
+  emits: /* @__PURE__ */ xe(["applyFilter", "selectionChange", "cell-edit"], ["update:filterData"]),
   setup(l, { expose: t, emit: f }) {
-    const d = _e.directive, r = l, p = Pe(l, "filterData"), S = f, B = ke("elTableRef"), g = z({}), k = z({});
+    const o = Ae.directive, r = l, p = Fe(l, "filterData"), k = f, B = Se("elTableRef"), g = z({}), w = z({});
     function ne(a) {
-      g.value[a] = I(p.value[a]);
+      g.value[a] = Q(p.value[a]);
     }
     function ae(a) {
-      g.value[a] = I(p.value[a]);
+      g.value[a] = Q(p.value[a]);
     }
-    function q(a, o, e) {
-      g.value[a] = void 0, p.value[a] = void 0, M(a, o, e);
+    function J(a, v, e) {
+      g.value[a] = void 0, p.value[a] = void 0, N(a, v, e);
     }
-    function M(a, o, e) {
-      p.value[a] = g.value[a], k.value[a] = !1, S("applyFilter", {
+    function N(a, v, e) {
+      p.value[a] = g.value[a], w.value[a] = !1, k("applyFilter", {
         col: e,
         prop: a,
-        type: o,
+        type: v,
         value: p.value[a],
         filterData: p.value
       });
     }
-    function N(a, o) {
-      const e = A(a.actions) ? a.actions(o) : a.actions;
-      return e == null ? void 0 : e.map((v) => {
-        const m = A(v.visibility) ? v.visibility(o) : v.visibility ?? !0;
-        return { ...v, visibility: m };
-      }).filter((v) => v.visibility !== !1);
+    function j(a, v) {
+      const e = A(a.actions) ? a.actions(v) : a.actions;
+      return e == null ? void 0 : e.map((c) => {
+        const h = A(c.visibility) ? c.visibility(v) : c.visibility ?? !0;
+        return { ...c, visibility: h };
+      }).filter((c) => c.visibility !== !1);
     }
-    function b(a) {
+    function S(a) {
       return a.filterFieldName ?? a.prop;
     }
-    function K(a, o) {
+    function K(a, v) {
       return {
         color: a.text.includes("删除") ? "var(--el-color-danger)" : "",
-        visibility: we(o) ? void 0 : o
+        visibility: ke(v) ? void 0 : v
       };
     }
-    const V = z([]);
-    function P() {
-      V.value = Array.from(
+    const T = z([]);
+    function W() {
+      T.value = Array.from(
         { length: r.data.length },
         () => Array.from({ length: r.columns.length }, () => ({
           editing: !1,
@@ -127,47 +127,47 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
         }))
       );
     }
-    function D(a, o) {
-      return A(a.editable) ? a.editable(o) : a.editable ?? !1;
+    function ie(a, v) {
+      return A(a.editable) ? a.editable(v) : a.editable ?? !1;
     }
-    function _(a, o, e) {
-      const v = V.value[a][o];
-      v && (v.value = e, v.editing = !0, le(() => {
-        var m;
-        (m = v.inputRef) == null || m.focus();
+    function P(a, v, e) {
+      const c = T.value[a][v];
+      c && (c.value = e, c.editing = !0, le(() => {
+        var h;
+        (h = c.inputRef) == null || h.focus();
       }));
     }
-    function Y(a) {
-      const o = V.value[a.rowIndex][a.colIndex];
-      if (!o) return;
-      o.editing = !1;
-      const e = a.newValue, v = a.row[a.prop];
-      e !== v && (a.row[a.prop] = e, S("cell-edit", a));
+    function H(a) {
+      const v = T.value[a.rowIndex][a.colIndex];
+      if (!v) return;
+      v.editing = !1;
+      const e = a.newValue, c = a.row[a.prop];
+      e !== c && (a.row[a.prop] = e, k("cell-edit", a));
     }
-    function ie(a, o) {
-      const e = V.value[a][o];
+    function _(a, v) {
+      const e = T.value[a][v];
       e && (e.editing = !1);
     }
     return t({
       tableInstance: B,
-      resetCells: P
-    }), (a, o) => Z((s(), w("section", ft, [
-      E(n(Le), {
+      resetCells: W
+    }), (a, v) => ee((s(), x("section", pt, [
+      E(n(Oe), {
         ref: "elTableRef",
         data: l.data,
         border: "",
         class: "pro-table",
         height: "100%",
         "row-key": l.rowKey,
-        onSelectionChange: o[1] || (o[1] = (e) => S("selectionChange", e))
+        onSelectionChange: v[1] || (v[1] = (e) => k("selectionChange", e))
       }, {
-        default: x(() => [
+        default: b(() => [
           l.selectable ? (s(), C(n(de), {
             key: 0,
             type: "selection",
             width: "55",
             selectable: n(A)(l.selectable) ? l.selectable : void 0
-          }, null, 8, ["selectable"])) : H("", !0),
+          }, null, 8, ["selectable"])) : F("", !0),
           l.showIndex ? (s(), C(n(de), {
             key: 1,
             class: "index-cell",
@@ -175,62 +175,62 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
             width: l.indexWidth,
             label: "序号"
           }, {
-            default: x(({ $index: e }) => [
+            default: b(({ $index: e }) => [
               $(O(e + 1 + (l.indexOffset || 0)), 1)
             ]),
             _: 1
-          }, 8, ["width"])) : H("", !0),
-          (s(!0), w(U, null, ee(l.columns, (e, v) => (s(), C(n(de), fe({ key: v }, { ref_for: !0 }, e, {
+          }, 8, ["width"])) : F("", !0),
+          (s(!0), x(U, null, te(l.columns, (e, c) => (s(), C(n(de), fe({ key: c }, { ref_for: !0 }, e, {
             align: e.align ?? "center",
             fixed: e.label === "操作" ? "right" : !1
-          }), He({ _: 2 }, [
-            e.filterable ?? (e.filterType || e.filterOptions || Se(e.filterOptions)) ? {
+          }), De({ _: 2 }, [
+            e.filterable ?? (e.filterType || e.filterOptions || Ce(e.filterOptions)) ? {
               name: "header",
-              fn: x(({ column: m }) => [
-                R("span", {
-                  class: De(["inline-flex items-center", {
-                    "text-[--el-color-primary]": b(e) && p.value[b(e)] !== void 0
+              fn: b(({ column: h }) => [
+                V("span", {
+                  class: Me(["inline-flex items-center", {
+                    "text-[--el-color-primary]": S(e) && p.value[S(e)] !== void 0
                   }])
                 }, [
-                  b(e) ? (s(), C(n(Ae), {
+                  S(e) ? (s(), C(n(Ue), {
                     key: 0,
-                    visible: k.value[b(e)],
-                    "onUpdate:visible": (c) => k.value[b(e)] = c,
+                    visible: w.value[S(e)],
+                    "onUpdate:visible": (u) => w.value[S(e)] = u,
                     placement: "bottom",
                     trigger: "click",
                     "hide-after": 0,
                     "show-after": 0,
                     width: e.filterPopoverWidth ?? (e.filterType === "datetimerange" ? 424 : void 0),
                     "popper-class": "reset",
-                    onShow: (c) => ne(b(e)),
-                    onHide: (c) => ae(b(e))
+                    onShow: (u) => ne(S(e)),
+                    onHide: (u) => ae(S(e))
                   }, {
-                    reference: x(() => [
-                      R("div", {
+                    reference: b(() => [
+                      V("div", {
                         class: "inline-flex cursor-pointer items-center gap-x-0.5 duration-100 hover:text-[--el-color-primary]",
-                        onClick: o[0] || (o[0] = oe(() => {
+                        onClick: v[0] || (v[0] = oe(() => {
                         }, ["stop"]))
                       }, [
-                        $(O(m.label) + " ", 1),
-                        p.value[b(e)] !== void 0 ? (s(), C(n(ct), { key: 0 })) : (s(), C(n(ot), { key: 1 }))
+                        $(O(h.label) + " ", 1),
+                        p.value[S(e)] !== void 0 ? (s(), C(n(vt), { key: 0 })) : (s(), C(n(dt), { key: 1 }))
                       ])
                     ]),
-                    default: x(() => [
-                      !e.filterType || e.filterType === "radio" ? (s(), C(n(xe), {
+                    default: b(() => [
+                      !e.filterType || e.filterType === "radio" ? (s(), C(n(we), {
                         key: 0,
                         always: "",
                         "max-height": "34vh"
                       }, {
-                        default: x(() => [
-                          E(n(Oe), {
-                            modelValue: g.value[b(e)],
-                            "onUpdate:modelValue": (c) => g.value[b(e)] = c
+                        default: b(() => [
+                          E(n(Ne), {
+                            modelValue: g.value[S(e)],
+                            "onUpdate:modelValue": (u) => g.value[S(e)] = u
                           }, {
-                            default: x(() => [
-                              (s(!0), w(U, null, ee(ye(e.filterOptions), (c) => (s(), C(n(Ue), {
-                                key: c.value.toString(),
-                                value: c.value,
-                                label: c.label,
+                            default: b(() => [
+                              (s(!0), x(U, null, te(ge(e.filterOptions), (u) => (s(), C(n(je), {
+                                key: u.value.toString(),
+                                value: u.value,
+                                label: u.label,
                                 class: "!m-0 w-full"
                               }, null, 8, ["value", "label"]))), 128))
                             ]),
@@ -238,21 +238,21 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
                           }, 1032, ["modelValue", "onUpdate:modelValue"])
                         ]),
                         _: 2
-                      }, 1024)) : e.filterType === "checkbox" ? (s(), C(n(xe), {
+                      }, 1024)) : e.filterType === "checkbox" ? (s(), C(n(we), {
                         key: 1,
                         always: "",
                         "max-height": "34vh"
                       }, {
-                        default: x(() => [
-                          E(n(Ne), {
-                            modelValue: g.value[b(e)],
-                            "onUpdate:modelValue": (c) => g.value[b(e)] = c
+                        default: b(() => [
+                          E(n(We), {
+                            modelValue: g.value[S(e)],
+                            "onUpdate:modelValue": (u) => g.value[S(e)] = u
                           }, {
-                            default: x(() => [
-                              (s(!0), w(U, null, ee(ye(e.filterOptions), (c) => (s(), C(n(je), {
-                                key: c.value.toString(),
-                                value: c.value,
-                                label: c.label,
+                            default: b(() => [
+                              (s(!0), x(U, null, te(ge(e.filterOptions), (u) => (s(), C(n(Ge), {
+                                key: u.value.toString(),
+                                value: u.value,
+                                label: u.label,
                                 class: "!m-0 w-full"
                               }, null, 8, ["value", "label"]))), 128))
                             ]),
@@ -260,46 +260,46 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
                           }, 1032, ["modelValue", "onUpdate:modelValue"])
                         ]),
                         _: 2
-                      }, 1024)) : e.filterType === "datetimerange" ? (s(), C(n(We), {
+                      }, 1024)) : e.filterType === "datetimerange" ? (s(), C(n(Ie), {
                         key: 2,
-                        modelValue: g.value[b(e)],
-                        "onUpdate:modelValue": (c) => g.value[b(e)] = c,
+                        modelValue: g.value[S(e)],
+                        "onUpdate:modelValue": (u) => g.value[S(e)] = u,
                         type: "datetimerange",
                         "start-placeholder": "开始时间",
                         "end-placeholder": "结束时间",
                         "range-separator": "至",
                         "value-format": "YYYY-MM-DD HH:mm:ss",
                         teleported: !1
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : H("", !0),
-                      o[4] || (o[4] = R("div", { class: "-mx-3 my-3 border-t" }, null, -1)),
-                      R("div", vt, [
-                        R("div", pt, [
-                          E(n(F), {
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : F("", !0),
+                      v[4] || (v[4] = V("div", { class: "-mx-3 my-3 border-t" }, null, -1)),
+                      V("div", mt, [
+                        V("div", ht, [
+                          E(n(M), {
                             type: "primary",
                             plain: "",
                             size: "small",
-                            onClick: (c) => q(
-                              b(e),
+                            onClick: (u) => J(
+                              S(e),
                               e.filterType || "radio",
                               e
                             )
                           }, {
-                            default: x(() => [...o[2] || (o[2] = [
+                            default: b(() => [...v[2] || (v[2] = [
                               $("重置", -1)
                             ])]),
                             _: 1
                           }, 8, ["onClick"]),
-                          E(n(F), {
+                          E(n(M), {
                             type: "primary",
                             size: "small",
                             class: "!m-0",
-                            onClick: (c) => M(
-                              b(e),
+                            onClick: (u) => N(
+                              S(e),
                               e.filterType || "radio",
                               e
                             )
                           }, {
-                            default: x(() => [...o[3] || (o[3] = [
+                            default: b(() => [...v[3] || (v[3] = [
                               $("确定", -1)
                             ])]),
                             _: 1
@@ -308,20 +308,20 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
                       ])
                     ]),
                     _: 2
-                  }, 1032, ["visible", "onUpdate:visible", "width", "onShow", "onHide"])) : H("", !0)
+                  }, 1032, ["visible", "onUpdate:visible", "width", "onShow", "onHide"])) : F("", !0)
                 ], 2)
               ]),
               key: "0"
             } : void 0,
             e.formatter ? {
               name: "default",
-              fn: x(({ row: m, column: c, $index: j }) => [
-                Z((s(), w("div", null, [
-                  E(it, {
+              fn: b(({ row: h, column: u, $index: D }) => [
+                ee((s(), x("div", null, [
+                  E(rt, {
                     col: e,
-                    row: m,
-                    column: c,
-                    index: j
+                    row: h,
+                    column: u,
+                    index: D
                   }, null, 8, ["col", "row", "column", "index"])
                 ])), [
                   [n(ce), e.truncate ?? !0]
@@ -330,90 +330,90 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
               key: "1"
             } : {
               name: "default",
-              fn: x(({ row: m, $index: c }) => {
-                var j, J;
+              fn: b(({ row: h, $index: u }) => {
+                var D, Y;
                 return [
-                  e.prop ? (s(), w("div", mt, [
-                    D(e, m) ? (s(), w(U, { key: 0 }, [
-                      (J = (j = V.value[c]) == null ? void 0 : j[v]) != null && J.editing ? (s(), C(n(Ee), {
+                  e.prop ? (s(), x("div", yt, [
+                    ie(e, h) ? (s(), x(U, { key: 0 }, [
+                      (Y = (D = T.value[u]) == null ? void 0 : D[c]) != null && Y.editing ? (s(), C(n(Te), {
                         key: 0,
                         ref_for: !0,
-                        ref: (u) => V.value[c][v].inputRef = u,
-                        modelValue: V.value[c][v].value,
-                        "onUpdate:modelValue": (u) => V.value[c][v].value = u,
+                        ref: (d) => T.value[u][c].inputRef = d,
+                        modelValue: T.value[u][c].value,
+                        "onUpdate:modelValue": (d) => T.value[u][c].value = d,
                         style: { "--el-input-height": "23px" },
                         clearable: "",
                         size: "small",
                         "input-style": "--el-input-inner-height: 20px",
-                        onBlur: (u) => Y({
-                          rowIndex: c,
-                          colIndex: v,
-                          row: m,
+                        onBlur: (d) => H({
+                          rowIndex: u,
+                          colIndex: c,
+                          row: h,
                           prop: e.prop,
-                          oldValue: m[e.prop],
-                          newValue: V.value[c][v].value
+                          oldValue: h[e.prop],
+                          newValue: T.value[u][c].value
                         }),
                         onKeydown: [
-                          ve(oe((u) => Y({
-                            rowIndex: c,
-                            colIndex: v,
-                            row: m,
+                          ve(oe((d) => H({
+                            rowIndex: u,
+                            colIndex: c,
+                            row: h,
                             prop: e.prop,
-                            oldValue: m[e.prop],
-                            newValue: V.value[c][v].value
+                            oldValue: h[e.prop],
+                            newValue: T.value[u][c].value
                           }), ["stop", "prevent"]), ["enter"]),
-                          ve(oe((u) => ie(c, v), ["stop", "prevent"]), ["esc"])
+                          ve(oe((d) => _(u, c), ["stop", "prevent"]), ["esc"])
                         ]
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeydown"])) : Z((s(), w("div", {
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeydown"])) : ee((s(), x("div", {
                         key: 1,
                         class: "h-[23px] cursor-pointer",
-                        onDblclick: (u) => _(c, v, m[e.prop])
+                        onDblclick: (d) => P(u, c, h[e.prop])
                       }, [
-                        $(O(m[e.prop]), 1)
-                      ], 40, ht)), [
+                        $(O(h[e.prop]), 1)
+                      ], 40, gt)), [
                         [n(ce), e.truncate ?? !0]
                       ])
-                    ], 64)) : Z((s(), w("div", yt, [
-                      $(O(m[e.prop]), 1)
+                    ], 64)) : ee((s(), x("div", bt, [
+                      $(O(h[e.prop]), 1)
                     ])), [
                       [n(ce), e.truncate ?? !0]
                     ])
-                  ])) : H("", !0),
-                  (s(!0), w(U, null, ee(N(e, m), (u) => (s(), w(U, {
-                    key: u.text
+                  ])) : F("", !0),
+                  (s(!0), x(U, null, te(j(e, h), (d) => (s(), x(U, {
+                    key: d.text
                   }, [
-                    u.text === "删除" || u.confirmText ? (s(), C(n(Ge), {
+                    d.text === "删除" || d.confirmText ? (s(), C(n(qe), {
                       key: 0,
                       placement: "top",
                       "hide-after": 0,
                       "popper-style": "width: unset; min-width: 150px;",
-                      title: n(we)(u.confirmText) ? `是否确认${u.text}？` : n(A)(u.confirmText) ? u.confirmText(m) : u.confirmText ?? `是否确认${u.text}？`,
-                      onConfirm: (se) => u.visibility === "hidden" ? void 0 : u.handler(m)
+                      title: n(ke)(d.confirmText) ? `是否确认${d.text}？` : n(A)(d.confirmText) ? d.confirmText(h) : d.confirmText ?? `是否确认${d.text}？`,
+                      onConfirm: (se) => d.visibility === "hidden" ? void 0 : d.handler(h)
                     }, {
-                      reference: x(() => [
-                        E(n(F), {
+                      reference: b(() => [
+                        E(n(M), {
                           link: "",
-                          type: u.type ?? "primary",
-                          style: ge(K(u, u.visibility)),
-                          disabled: n(A)(u.disabled) ? u.disabled(m) : u.disabled
+                          type: d.type ?? "primary",
+                          style: be(K(d, d.visibility)),
+                          disabled: n(A)(d.disabled) ? d.disabled(h) : d.disabled
                         }, {
-                          default: x(() => [
-                            $(O(u.text), 1)
+                          default: b(() => [
+                            $(O(d.text), 1)
                           ]),
                           _: 2
                         }, 1032, ["type", "style", "disabled"])
                       ]),
                       _: 2
-                    }, 1032, ["title", "onConfirm"])) : (s(), C(n(F), {
+                    }, 1032, ["title", "onConfirm"])) : (s(), C(n(M), {
                       key: 1,
                       link: "",
-                      type: u.type ?? "primary",
-                      style: ge(K(u, u.visibility)),
-                      disabled: n(A)(u.disabled) ? u.disabled(m) : u.disabled,
-                      onClick: (se) => u.visibility === "hidden" ? void 0 : u.handler(m)
+                      type: d.type ?? "primary",
+                      style: be(K(d, d.visibility)),
+                      disabled: n(A)(d.disabled) ? d.disabled(h) : d.disabled,
+                      onClick: (se) => d.visibility === "hidden" ? void 0 : d.handler(h)
                     }, {
-                      default: x(() => [
-                        $(O(u.text), 1)
+                      default: b(() => [
+                        $(O(d.text), 1)
                       ]),
                       _: 2
                     }, 1032, ["type", "style", "disabled", "onClick"]))
@@ -427,27 +427,27 @@ const ct = G({ name: "tabler-filter-check", render: dt }), ft = { "element-loadi
         _: 1
       }, 8, ["data", "row-key"])
     ])), [
-      [n(d), l.loading]
+      [n(o), l.loading]
     ]);
   }
-}), Re = (l, t) => {
+}), Ve = (l, t) => {
   const f = l.__vccOpts || l;
-  for (const [d, r] of t)
-    f[d] = r;
+  for (const [o, r] of t)
+    f[o] = r;
   return f;
-}, bt = /* @__PURE__ */ Re(gt, [["__scopeId", "data-v-476baef5"]]);
-function xt(l) {
-  var t, f, d, r, p, S, B;
-  if (Qe(l))
+}, wt = /* @__PURE__ */ Ve(xt, [["__scopeId", "data-v-476baef5"]]);
+function kt(l) {
+  var t, f, o, r, p, k, B;
+  if (Ze(l))
     return l.includes("database") || l.includes("java.sql.") ? "接口异常" : l;
-  if (Te(l)) return "请求已取消";
+  if (Re(l)) return "请求已取消";
   if (l.code === "ECONNABORTED" || (t = l.message) != null && t.includes("timeout"))
     return "请求超时，请稍后重试";
   if (!window.navigator.onLine || l.message === "Network Error")
     return "网络连接断开，请检查网络设置";
   if (l.response) {
-    const g = l.response.status, k = l.response.data;
-    if (k && k.message) return k.message;
+    const g = l.response.status, w = l.response.data;
+    if (w && w.message) return w.message;
     switch (g) {
       case 400:
         return "请求参数错误 (400)";
@@ -467,9 +467,9 @@ function xt(l) {
         return `网络异常 (${g})`;
     }
   }
-  return l instanceof SyntaxError ? "数据解析异常" : l instanceof TypeError ? "程序运行异常" : l instanceof Object && ((r = (d = l[(f = pe(l)) == null ? void 0 : f[0]]) == null ? void 0 : d[0]) != null && r.message) ? (B = (S = l[(p = pe(l)) == null ? void 0 : p[0]]) == null ? void 0 : S[0]) == null ? void 0 : B.message : l.message || "未知错误";
+  return l instanceof SyntaxError ? "数据解析异常" : l instanceof TypeError ? "程序运行异常" : l instanceof Object && ((r = (o = l[(f = pe(l)) == null ? void 0 : f[0]]) == null ? void 0 : o[0]) != null && r.message) ? (B = (k = l[(p = pe(l)) == null ? void 0 : p[0]]) == null ? void 0 : k[0]) == null ? void 0 : B.message : l.message || "未知错误";
 }
-class wt {
+class St {
   /**
    * 实例化 SelectionStore
    *
@@ -520,9 +520,9 @@ class wt {
    * @param selected 当前页勾选行
    */
   syncPage(t, f) {
-    const d = new Set(f.map((r) => r[this.rowKey]));
+    const o = new Set(f.map((r) => r[this.rowKey]));
     t.forEach((r) => {
-      d.has(r[this.rowKey]) || this.map.delete(r[this.rowKey]);
+      o.has(r[this.rowKey]) || this.map.delete(r[this.rowKey]);
     }), f.forEach((r) => this.map.set(r[this.rowKey], r));
   }
   /**
@@ -531,108 +531,108 @@ class wt {
    * @param toggleFn el-table toggleRowSelection
    */
   restorePageSelection(t, f) {
-    t.forEach((d) => {
-      Object.hasOwn(d, this.rowKey) || console.error(
+    t.forEach((o) => {
+      Object.hasOwn(o, this.rowKey) || console.error(
         "[SelectionStore]",
         `表格数据缺少配置的 rowKey 属性：'${this.rowKey}'`
-      ), this.map.has(d[this.rowKey]) && f(d, !0);
+      ), this.map.has(o[this.rowKey]) && f(o, !0);
     });
   }
 }
-function kt(l, t, f) {
-  let d, r;
-  Se(l) ? (d = l, r = t) : (d = Fe(l, t), r = 300);
-  const p = z(d.value);
-  let S = null;
+function Ct(l, t, f) {
+  let o, r;
+  Ce(l) ? (o = l, r = t) : (o = Ke(l, t), r = 300);
+  const p = z(o.value);
+  let k = null;
   const B = () => {
-    S !== null && (clearTimeout(S), S = null);
+    k !== null && (clearTimeout(k), k = null);
   };
-  return Ce(
-    d,
+  return Ee(
+    o,
     (g) => {
-      g ? (B(), S = setTimeout(() => {
+      g ? (B(), k = setTimeout(() => {
         p.value = !0;
       }, r)) : (B(), p.value = !1);
     },
     { immediate: !1 }
   ), p;
 }
-function St({ defaultSort: l, fetchFn: t, onReset: f }) {
-  const d = Xe(
+function Et({ defaultSort: l, fetchFn: t, onReset: f }) {
+  const o = et(
     {
       order: "",
       sort: ""
     },
     l
-  ), r = he(I(d));
-  let p = I(r);
-  function S({
+  ), r = he(Q(o));
+  let p = Q(r);
+  function k({
     prop: B,
     order: g
   }) {
-    g ? (r.sort = B || "", r.order = g === "ascending" ? "asc" : "desc", t()) : (r.sort = d.sort, r.order = d.order, Ze(r, p) && (r.order = r.order === "asc" ? "desc" : "asc"), f ? f() : t()), p = I(r);
+    g ? (r.sort = B || "", r.order = g === "ascending" ? "asc" : "desc", t()) : (r.sort = o.sort, r.order = o.order, tt(r, p) && (r.order = r.order === "asc" ? "desc" : "asc"), f ? f() : t()), p = Q(r);
   }
   return {
     sortState: r,
-    onSortChange: S
+    onSortChange: k
   };
 }
-const Ct = {
+const Tt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Et(l, t) {
-  return s(), w("svg", Ct, [...t[0] || (t[0] = [
-    R("path", {
+function Rt(l, t) {
+  return s(), x("svg", Tt, [...t[0] || (t[0] = [
+    V("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 Tt = G({ name: "ri-search-line", render: Et }), Rt = {
+const Vt = q({ name: "ri-search-line", render: Rt }), $t = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Vt(l, t) {
-  return s(), w("svg", Rt, [...t[0] || (t[0] = [
-    R("path", {
+function Bt(l, t) {
+  return s(), x("svg", $t, [...t[0] || (t[0] = [
+    V("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const $t = G({ name: "ri-add-line", render: Vt }), Bt = {
+const zt = q({ name: "ri-add-line", render: Bt }), Pt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function zt(l, t) {
-  return s(), w("svg", Bt, [...t[0] || (t[0] = [
-    R("path", {
+function Ht(l, t) {
+  return s(), x("svg", Pt, [...t[0] || (t[0] = [
+    V("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 Pt = G({ name: "ri-delete-bin-line", render: zt }), Ht = {
+const Ft = q({ name: "ri-delete-bin-line", render: Ht }), Dt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Dt(l, t) {
-  return s(), w("svg", Ht, [...t[0] || (t[0] = [
-    R("path", {
+function Mt(l, t) {
+  return s(), x("svg", Dt, [...t[0] || (t[0] = [
+    V("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 Ft = G({ name: "ri-delete-back2-line", render: Dt }), Mt = { class: "flex h-full flex-col" }, Kt = {
+const Kt = q({ name: "ri-delete-back2-line", render: Mt }), _t = { class: "flex h-full flex-col" }, Lt = {
   key: 0,
   class: "mb-6 flex flex-shrink-0 items-center justify-between"
-}, _t = { class: "flex items-center gap-x-3" }, Lt = { class: "mt-5 flex flex-shrink-0 items-center justify-between" }, At = { class: "flex w-[164px] items-center" }, Ot = /* @__PURE__ */ me({
+}, At = { class: "flex items-center gap-x-3" }, Ot = { class: "mt-5 flex flex-shrink-0 items-center justify-between" }, Ut = { class: "flex w-[164px] items-center" }, Nt = /* @__PURE__ */ me({
   __name: "index",
   props: {
     columns: {},
@@ -644,6 +644,7 @@ const Ft = G({ name: "ri-delete-back2-line", render: Dt }), Mt = { class: "flex
     loading: { type: Boolean },
     showSearch: { type: Boolean, default: !0 },
     searchInputPlaceholder: { default: "输入搜索关键词" },
+    searchField: { default: "search" },
     showAddButton: { type: Boolean },
     showBatchDeleteButton: { type: Boolean },
     pageSize: {},
@@ -654,118 +655,123 @@ const Ft = G({ name: "ri-delete-back2-line", render: Dt }), Mt = { class: "flex
   },
   emits: ["add", "batch-delete", "cell-edit"],
   setup(l, { expose: t, emit: f }) {
-    const d = l, r = f, p = ke("proTableRef"), { sortState: S, onSortChange: B } = St({
-      defaultSort: d.defaultSort,
-      fetchFn: D,
+    const o = l, r = f, p = Se("proTableRef"), { sortState: k, onSortChange: B } = Et({
+      defaultSort: o.defaultSort,
+      fetchFn: H,
       onReset() {
-        var y, T;
-        const h = S.sort, i = S.order === "asc" ? "ascending" : "descending";
-        d.columns.some((W) => W.prop === h) ? (T = (y = p.value) == null ? void 0 : y.tableInstance) == null || T.sort(h, i) : D();
+        var y, R;
+        const m = k.sort, i = k.order === "asc" ? "ascending" : "descending";
+        o.columns.some((G) => G.prop === m) ? (R = (y = p.value) == null ? void 0 : y.tableInstance) == null || R.sort(m, i) : H();
       }
-    }), g = z(d.pageSize ?? 0), k = z({
+    }), g = z(o.pageSize ?? 0), w = z({
       pageSize: g.value,
       currPage: 1,
       total: 0
-    }), ne = te(() => et(tt([g.value, 10, 20, 30, 40, 50, 100]))), ae = te(() => (k.value.currPage - 1) * k.value.pageSize), q = z(0), M = z({
-      search: ""
-    }), N = he({}), b = z([]), K = z(!1), V = kt(K, 100);
+    }), ne = I(() => lt(nt([g.value, 10, 20, 30, 40, 50, 100]))), ae = I(() => (w.value.currPage - 1) * w.value.pageSize), J = z(0), N = I(() => o.searchField ?? "search"), j = z({
+      [N.value]: ""
+    }), S = I({
+      get: () => j.value[N.value] ?? "",
+      set: (m) => {
+        j.value[N.value] = m;
+      }
+    }), K = he({}), T = z([]), W = z(!1), ie = Ct(W, 100);
     let P = null;
-    async function D() {
-      P == null || P.abort(), P = new AbortController(), K.value = !0;
-      const h = ae.value;
+    async function H() {
+      P == null || P.abort(), P = new AbortController(), W.value = !0;
+      const m = ae.value;
       try {
         const i = {
-          ...M.value,
-          ...N,
-          ...S,
-          limit: k.value.pageSize,
-          offset: h
-        }, y = d.searchParamsHandler ? d.searchParamsHandler(i) : i, { data: T = [], totalCount: W } = await d.fetchFn(y, {
+          ...j.value,
+          ...K,
+          ...k,
+          limit: w.value.pageSize,
+          offset: m
+        }, y = o.searchParamsHandler ? o.searchParamsHandler(i) : i, { data: R = [], totalCount: G } = await o.fetchFn(y, {
           signal: P.signal
         });
-        b.value = T, q.value = h, k.value.total = W, await le(() => {
-          var L, Q, X;
-          (Q = (L = p.value) == null ? void 0 : L.tableInstance) == null || Q.setScrollTop(0), (X = p.value) == null || X.resetCells();
-        }), d.selectable && se(T);
+        T.value = R, J.value = m, w.value.total = G, await le(() => {
+          var L, X, Z;
+          (X = (L = p.value) == null ? void 0 : L.tableInstance) == null || X.setScrollTop(0), (Z = p.value) == null || Z.resetCells();
+        }), o.selectable && $e(R);
       } catch (i) {
-        if (Te(i)) return;
-        console.error("[SearchTable] 获取数据失败", i), Je.error("表格数据加载失败：" + xt(i));
+        if (Re(i)) return;
+        console.error("[SearchTable] 获取数据失败", i), Xe.error("表格数据加载失败：" + kt(i));
       }
-      K.value = !1;
+      W.value = !1;
     }
     function _() {
-      k.value.currPage = 1, D();
+      w.value.currPage = 1, H();
     }
-    function Y({ type: h, value: i, prop: y, col: T }) {
-      if (h === "datetimerange") {
-        const [W = `${y}Start`, L = `${y}End`] = T.datetimerangeFilterFieldNames || [], [Q, X] = i || [];
-        N[W] = Q, N[L] = X;
+    function a({ type: m, value: i, prop: y, col: R }) {
+      if (m === "datetimerange") {
+        const [G = `${y}Start`, L = `${y}End`] = R.datetimerangeFilterFieldNames || [], [X, Z] = i || [];
+        K[G] = X, K[L] = Z;
       } else
-        N[y] = i;
+        K[y] = i;
       _();
     }
-    const ie = async () => {
-      K.value || (u(), await D());
+    const v = async () => {
+      W.value || (ye(), await H());
     };
-    function a() {
+    function e() {
       var L;
-      const T = ((L = p.value) == null ? void 0 : L.$el).offsetHeight - 40;
-      return Math.floor(T / 40);
+      const R = ((L = p.value) == null ? void 0 : L.$el).offsetHeight - 40;
+      return Math.floor(R / 40);
     }
-    const o = z([]), e = te(() => o.value), v = new wt(d.rowKey);
-    let m = !1;
-    const c = (h) => {
-      m || (v.syncPage(b.value, h), o.value = v.values);
-    }, j = () => o.value, J = (h) => {
-      c(h);
-    }, u = () => {
-      var h, i;
-      (i = (h = p.value) == null ? void 0 : h.tableInstance) == null || i.clearSelection(), o.value = [], v.clear();
+    const c = z([]), h = I(() => c.value), u = new St(o.rowKey);
+    let D = !1;
+    const Y = (m) => {
+      D || (u.syncPage(T.value, m), c.value = u.values);
+    }, d = () => c.value, se = (m) => {
+      Y(m);
+    }, ye = () => {
+      var m, i;
+      (i = (m = p.value) == null ? void 0 : m.tableInstance) == null || i.clearSelection(), c.value = [], u.clear();
     };
-    d.selectable && Ce(b, async () => {
-      m = !0, await le(), v.restorePageSelection(b.value, (h, i) => {
-        var y, T;
-        (T = (y = p.value) == null ? void 0 : y.tableInstance) == null || T.toggleRowSelection(h, i);
-      }), await le(), m = !1;
+    o.selectable && Ee(T, async () => {
+      D = !0, await le(), u.restorePageSelection(T.value, (m, i) => {
+        var y, R;
+        (R = (y = p.value) == null ? void 0 : y.tableInstance) == null || R.toggleRowSelection(m, i);
+      }), await le(), D = !1;
     });
-    function se(h) {
-      const i = h.map((T) => T[d.rowKey]), y = pe(lt(nt(i), (T) => T > 1));
+    function $e(m) {
+      const i = m.map((R) => R[o.rowKey]), y = pe(at(it(i), (R) => R > 1));
       y.length && console.error(
         "[SearchTable] 表格数据存在重复的 rowKey，将会导致勾选功能异常！",
         y
       );
     }
-    return Me(() => {
-      if (!k.value.pageSize) {
-        const h = a();
-        g.value = h, k.value.pageSize = h;
+    return _e(() => {
+      if (!w.value.pageSize) {
+        const m = e();
+        g.value = m, w.value.pageSize = m;
       }
-      D();
-    }), Ke(() => {
+      H();
+    }), Le(() => {
       P == null || P.abort();
     }), t({
       /**
        * 刷新当前页
        */
-      refresh: ie,
+      refresh: v,
       /**
        * 已勾选的行
        */
-      selectedRows: e,
+      selectedRows: h,
       /**
        * 获取已勾选的行
        */
-      getSelectionRows: j,
+      getSelectionRows: d,
       /**
        * 勾选指定行
        */
-      selectRows: J
-    }), (h, i) => (s(), w("div", Mt, [
-      l.showSearch ? (s(), w("section", Kt, [
-        R("div", _t, [
-          E(n(Ee), {
-            modelValue: M.value.search,
-            "onUpdate:modelValue": i[0] || (i[0] = (y) => M.value.search = y),
+      selectRows: se
+    }), (m, i) => (s(), x("div", _t, [
+      l.showSearch ? (s(), x("section", Lt, [
+        V("div", At, [
+          E(n(Te), {
+            modelValue: S.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (y) => S.value = y),
             modelModifiers: { trim: !0 },
             class: "!w-[260px] flex-shrink-0",
             placeholder: l.searchInputPlaceholder,
@@ -773,115 +779,115 @@ const Ft = G({ name: "ri-delete-back2-line", render: Dt }), Mt = { class: "flex
             onKeyup: ve(_, ["enter"]),
             onClear: _
           }, null, 8, ["modelValue", "placeholder"]),
-          ue(h.$slots, "search-form", {
-            query: M.value,
+          ue(m.$slots, "search-form", {
+            query: j.value,
             search: _
           }, void 0, !0),
-          E(n(F), {
+          E(n(M), {
             type: "primary",
             onClick: _
           }, {
-            default: x(() => [
-              E(n(Tt)),
+            default: b(() => [
+              E(n(Vt)),
               i[6] || (i[6] = $(" 搜索 ", -1))
             ]),
             _: 1
           })
         ]),
-        ue(h.$slots, "top-center", {}, void 0, !0),
-        R("div", null, [
-          l.showAddButton ? (s(), C(n(F), {
+        ue(m.$slots, "top-center", {}, void 0, !0),
+        V("div", null, [
+          l.showAddButton ? (s(), C(n(M), {
             key: 0,
             type: "primary",
             onClick: i[1] || (i[1] = (y) => r("add"))
           }, {
-            default: x(() => [
-              E(n($t)),
+            default: b(() => [
+              E(n(zt)),
               i[7] || (i[7] = $("新增 ", -1))
             ]),
             _: 1
-          })) : H("", !0),
-          l.showBatchDeleteButton ? (s(), C(n(F), {
+          })) : F("", !0),
+          l.showBatchDeleteButton ? (s(), C(n(M), {
             key: 1,
-            disabled: !o.value.length,
+            disabled: !c.value.length,
             type: "danger",
-            onClick: i[2] || (i[2] = (y) => r("batch-delete", o.value))
+            onClick: i[2] || (i[2] = (y) => r("batch-delete", c.value))
           }, {
-            default: x(() => [
-              E(n(Pt)),
+            default: b(() => [
+              E(n(Ft)),
               i[8] || (i[8] = $("批量删除 ", -1))
             ]),
             _: 1
-          }, 8, ["disabled"])) : H("", !0),
-          ue(h.$slots, "btns", {}, void 0, !0)
+          }, 8, ["disabled"])) : F("", !0),
+          ue(m.$slots, "btns", {}, void 0, !0)
         ])
-      ])) : H("", !0),
-      E(bt, fe({ ref: "proTableRef" }, d, {
+      ])) : F("", !0),
+      E(wt, fe({ ref: "proTableRef" }, o, {
         class: "flex-1 overflow-hidden",
-        "index-offset": q.value,
-        data: b.value,
-        loading: n(V),
+        "index-offset": J.value,
+        data: T.value,
+        loading: n(ie),
         "default-sort": {
-          prop: n(S).sort,
-          order: n(S).order === "asc" ? "ascending" : "descending"
+          prop: n(k).sort,
+          order: n(k).order === "asc" ? "ascending" : "descending"
         },
-        onApplyFilter: Y,
-        onSelectionChange: c,
+        onApplyFilter: a,
+        onSelectionChange: Y,
         onCellEdit: i[3] || (i[3] = (...y) => r("cell-edit", ...y)),
         onSortChange: n(B)
       }), null, 16, ["index-offset", "data", "loading", "default-sort", "onSortChange"]),
-      R("section", Lt, [
-        R("div", At, [
-          l.selectable ? (s(), w(U, { key: 0 }, [
-            E(n(Ie), { type: "info" }, {
-              default: x(() => [
-                $("已选 " + O(o.value.length) + " 条", 1)
+      V("section", Ot, [
+        V("div", Ut, [
+          l.selectable ? (s(), x(U, { key: 0 }, [
+            E(n(Ye), { type: "info" }, {
+              default: b(() => [
+                $("已选 " + O(c.value.length) + " 条", 1)
               ]),
               _: 1
             }),
-            o.value.length ? (s(), C(n(qe), {
+            c.value.length ? (s(), C(n(Qe), {
               key: 0,
               content: "清空勾选",
               placement: "top",
               effect: "dark",
               "hide-after": 0
             }, {
-              default: x(() => [
-                E(n(F), {
+              default: b(() => [
+                E(n(M), {
                   type: "danger",
                   text: "",
                   class: "ml-1 !px-2",
-                  onClick: u
+                  onClick: ye
                 }, {
-                  default: x(() => [
-                    E(n(Ft))
+                  default: b(() => [
+                    E(n(Kt))
                   ]),
                   _: 1
                 })
               ]),
               _: 1
-            })) : H("", !0)
-          ], 64)) : H("", !0)
+            })) : F("", !0)
+          ], 64)) : F("", !0)
         ]),
-        E(n(Ye), fe(l.elPaginationProps, {
-          "page-size": k.value.pageSize,
-          "onUpdate:pageSize": i[4] || (i[4] = (y) => k.value.pageSize = y),
-          "current-page": k.value.currPage,
-          "onUpdate:currentPage": i[5] || (i[5] = (y) => k.value.currPage = y),
-          total: k.value.total,
+        E(n(Je), fe(l.elPaginationProps, {
+          "page-size": w.value.pageSize,
+          "onUpdate:pageSize": i[4] || (i[4] = (y) => w.value.pageSize = y),
+          "current-page": w.value.currPage,
+          "onUpdate:currentPage": i[5] || (i[5] = (y) => w.value.currPage = y),
+          total: w.value.total,
           background: "",
           "page-sizes": ne.value,
           layout: "total, sizes, prev, pager, next, jumper",
           class: "flex-shrink-0",
-          onSizeChange: D,
-          onCurrentChange: D
+          onSizeChange: H,
+          onCurrentChange: H
         }), null, 16, ["page-size", "current-page", "total", "page-sizes"]),
-        i[9] || (i[9] = R("div", { class: "w-[164px]" }, null, -1))
+        i[9] || (i[9] = V("div", { class: "w-[164px]" }, null, -1))
       ])
     ]));
   }
-}), qt = /* @__PURE__ */ Re(Ot, [["__scopeId", "data-v-c11b5043"]]);
+}), Qt = /* @__PURE__ */ Ve(Nt, [["__scopeId", "data-v-4c5c7ea3"]]);
 export {
-  bt as ProTable,
-  qt as SearchTable
+  wt as ProTable,
+  Qt as SearchTable
 };

package/dist/style.css

@@ -1 +1 @@
-.fixed{position:fixed}.\!m-0{margin:0!important}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-5{margin-top:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\[23px\]{height:23px}.h-full{height:100%}.\!w-\[260px\]{width:260px!important}.w-\[150px\]{width:150px}.w-\[164px\]{width:164px}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-x-0{-moz-column-gap:0px;column-gap:0px}.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-t{border-top-width:1px}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-\[--el-color-primary\]{color:var(--el-color-primary)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-100{transition-duration:.1s}.hover\:text-\[--el-color-primary\]:hover{color:var(--el-color-primary)}[data-v-476baef5] .pro-table{--el-table-header-bg-color: #f7f8fa;--el-table-header-text-color: var(--el-text-color-regular);--el-table-text-color: var(--el-text-color-primary)}[data-v-476baef5] .pro-table thead th{font-weight:400}[data-v-c11b5043] .el-table .el-table-column--selection.el-table__cell{display:flex;align-items:center;justify-content:center}[data-v-c11b5043] .el-button>span{gap:0 4px}.el-pagination[data-v-c11b5043] .el-pagination__sizes .el-select{width:110px}
+.fixed{position:fixed}.\!m-0{margin:0!important}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-5{margin-top:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\[23px\]{height:23px}.h-full{height:100%}.\!w-\[260px\]{width:260px!important}.w-\[150px\]{width:150px}.w-\[164px\]{width:164px}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-x-0{-moz-column-gap:0px;column-gap:0px}.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-t{border-top-width:1px}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-\[--el-color-primary\]{color:var(--el-color-primary)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-100{transition-duration:.1s}.hover\:text-\[--el-color-primary\]:hover{color:var(--el-color-primary)}[data-v-476baef5] .pro-table{--el-table-header-bg-color: #f7f8fa;--el-table-header-text-color: var(--el-text-color-regular);--el-table-text-color: var(--el-text-color-primary)}[data-v-476baef5] .pro-table thead th{font-weight:400}[data-v-4c5c7ea3] .el-table .el-table-column--selection.el-table__cell{display:flex;align-items:center;justify-content:center}[data-v-4c5c7ea3] .el-button>span{gap:0 4px}.el-pagination[data-v-4c5c7ea3] .el-pagination__sizes .el-select{width:110px}

package/package.json

@@ -1,9 +1,17 @@
 {
     "name": "@amaoaaaaa/search-table",
-    "version": "0.1.3",
+    "version": "0.2.1",
     "type": "module",
     "description": "基于 Element Plus 的搜索表格组件，支持分页、排序、筛选、跨页勾选等功能",
     "license": "MIT",
+    "homepage": "https://github.com/amaoaaaaa/search-table#readme",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/amaoaaaaa/search-table.git"
+    },
+    "bugs": {
+        "url": "https://github.com/amaoaaaaa/search-table/issues"
+    },
     "author": "amaoaaaaa",
     "keywords": [
         "vue3",