@amaoaaaaa/search-table 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -4,6 +4,18 @@
 
 格式参考 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)，版本号遵循[语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [0.5.1] - 2026-10-21
+
+### 修复
+
+- 修复 `SearchTable` 未将默认排序和排序变化传递给 `el-table` 的问题，默认排序列现在会显示排序箭头，点击列头也会正常触发后端请求。
+
+### 变更
+
+- `defaultSort` 改为使用 `SortState<T>`，`sort` 会根据行数据类型推导实际字段名，并仅允许字符串字段。
+- 对外导出 `SortState` 类型，调用方可显式标注以获取排序字段自动补全。
+- 补充默认排序与后端排序的配合说明。
+
 ## [0.5.0] - 2026-10-13
 
 ### 新增

package/README.md

@@ -116,10 +116,23 @@ const columns = [{ label: '姓名', prop: 'name' }];
 | `showBatchDeleteButton`  | `boolean`                            | `false`            | 是否显示批量删除按钮           |
 | `pageSize`               | `number`                             | 自动计算           | 每页条数                       |
 | `elPaginationProps`      | `SearchTablePaginationProps`         | -                  | 分页组件视觉配置（见下方说明） |
-| `defaultSort`            | `SortState`                          | -                  | 默认排序                       |
+| `defaultSort`            | `SortState`                          | -                  | 默认排序（支持后端排序）       |
 | `selectable`             | `boolean \| (row, index) => boolean` | -                  | 是否可勾选                     |
 | `searchParamsHandler`    | `(params) => params`                 | -                  | 搜索参数处理函数               |
 
+`defaultSort` 的 `sort`、`order` 会作为请求参数传给 `fetchFn`。使用后端排序时，排序字段对应的列需设置 `sortable: 'custom'`，列 `prop` 与 `sort` 保持一致；排序变化后组件会重新请求后端，由后端返回排序后的分页数据。
+
+`SortState<T>` 会根据行数据类型约束排序字段。推荐显式标注，以便获得实际字段的自动补全：
+
+```ts
+import type { SortState } from '@amaoaaaaa/search-table';
+
+const defaultSort: SortState<User> = {
+    sort: 'createTime',
+    order: 'desc',
+};
+```
+
 ### SearchTable Events
 
 | 事件名         | 参数                 | 说明             |

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

@@ -558,8 +558,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
                 e: (element?: string) => string;
                 m: (modifier?: string) => string;
                 be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier
-                /** @type { [typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, ] } */ ? /** @type { [typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, ] } */: string) => string;
+                em: (element?: string, modifier?: string) => string;
                 bm: (blockSuffix?: string, modifier?: string) => string;
                 bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
                 is: {
@@ -642,11 +641,19 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     applyFilter: (args_0: ApplyFilterPayload) => any;
     selectionChange: (newSelection: import('element-plus/es/components/table/src/table/defaults.mjs').DefaultRow[]) => any;
     "cell-edit": (payload: CellEditPayload) => any;
+    sortChange: (payload: {
+        prop: string;
+        order: "ascending" | "descending" | null;
+    }) => any;
     "update:filterData": (value: Record<string, any>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onApplyFilter?: ((args_0: ApplyFilterPayload) => any) | undefined;
     onSelectionChange?: ((newSelection: import('element-plus/es/components/table/src/table/defaults.mjs').DefaultRow[]) => any) | undefined;
     "onCell-edit"?: ((payload: CellEditPayload) => any) | undefined;
+    onSortChange?: ((payload: {
+        prop: string;
+        order: "ascending" | "descending" | null;
+    }) => any) | undefined;
     "onUpdate:filterData"?: ((value: Record<string, any>) => any) | undefined;
 }>, {
     rowKey: string;
@@ -1207,8 +1214,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
                 e: (element?: string) => string;
                 m: (modifier?: string) => string;
                 be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier
-                /** @type { [typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, ] } */ ? /** @type { [typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, typeof __VLS_components.ElRadioGroup, typeof __VLS_components.elRadioGroup, ] } */: string) => string;
+                em: (element?: string, modifier?: string) => string;
                 bm: (blockSuffix?: string, modifier?: string) => string;
                 bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
                 is: {

package/dist/ProTable/types.d.ts

@@ -1,4 +1,5 @@
 import { MaybeRefOrGetter } from 'vue';
+import { Sort } from 'element-plus';
 import { TableColumnProps } from 'element-plus/es/components/table/src/table-column/defaults';
 import { DefaultRow } from 'element-plus/es/components/table/src/table/defaults.mjs';
 export type TableRow = DefaultRow;
@@ -111,6 +112,12 @@ export type ProTableColumn<T extends TableRow = TableRow> = Partial<Omit<TableCo
 export type ProTableProps<T extends TableRow = any> = {
     data: T[];
     columns: ProTableColumn<T>[];
+    /**
+     * 默认排序
+     *
+     * @description 使用 Element Plus 的排序格式，`prop` 需与可排序列的 `prop` 一致
+     */
+    defaultSort?: Sort;
     /**
      * 行数据的 Key，属性值必须唯一
      *

package/dist/SearchTable/types.d.ts

@@ -74,8 +74,13 @@ export type SearchTableProps<T extends TableRow = any> = Omit<ProTableProps<T>,
     elPaginationProps?: SearchTablePaginationProps;
     /**
      * 默认排序
+     *
+     * @description
+     * 仅用于初始化排序状态，并随首次及后续请求以 `sort`、`order` 参数传给 `fetchFn`。
+     * 使用后端排序时，对应表格列需设置 `sortable: 'custom'`，且列的 `prop` 应与
+     * `sort` 保持一致；排序变化后组件会重新请求后端，由后端返回排序后的分页数据。
      */
-    defaultSort?: SortState;
+    defaultSort?: SortState<T>;
     fetchFn: SearchTableFetchFn<T>;
     /**
      * 搜索参数处理函数

package/dist/SearchTable/useTableSort.d.ts

@@ -6,16 +6,16 @@ export interface SortState<T extends Record<string, any> = Record<string, any>>
     /**
      * 排序字段
      */
-    sort: keyof T;
+    sort: Extract<keyof T, string>;
 }
-export interface UseTableSortOption {
-    defaultSort?: SortState;
+export interface UseTableSortOption<T extends Record<string, any> = Record<string, any>> {
+    defaultSort?: SortState<T>;
     fetchFn: () => void;
     onReset?: () => void;
 }
-export declare function useTableSort({ defaultSort, fetchFn, onReset }: UseTableSortOption): {
+export declare function useTableSort<T extends Record<string, any> = Record<string, any>>({ defaultSort, fetchFn, onReset, }: UseTableSortOption<T>): {
     sortState: {
-        order: "asc" | "desc";
+        order: "asc" | "desc" | "";
         sort: string;
     };
     onSortChange: ({ prop, order, }: {

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { default as SearchTable } from './SearchTable/index.vue';
 export { default as SearchTableConfigProvider } from './SearchTable/ConfigProvider.vue';
 export { default as ProTable } from './ProTable/index.vue';
 export type { ProTableInstance } from './ProTable';
+export type { SortState } from './SearchTable/useTableSort';
 export type { SearchTableProps, SearchTablePaginationProps, SearchTableSearchProps, SearchTableFetchFn, PageParams, PageResp, } from './SearchTable/types';
 export type { SearchTableInstance } from './SearchTable';
 export type { SearchTableConfigProviderProps } from './SearchTable/config';

package/dist/search-table.js

@@ -1,12 +1,12 @@
 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 { defineComponent as de, computed as z, isVNode as qe, openBlock as s, createBlock as k, resolveDynamicComponent as Ge, createElementBlock as x, markRaw as Q, createElementVNode as _, useModel as We, useTemplateRef as $e, ref as V, withDirectives as ie, createVNode as C, 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 Ce, 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 J, 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 { isFunction as I, isBoolean as _e, cloneDeep as Y, isString as mt, keys as be, isEqual as gt, pickBy as Fe, sortBy as yt, uniq as bt, countBy as xt } from "lodash-es";
 import { vTextEllipsis as me } from "@amaoaaaaa/v-text-ellipsis";
 import { isCancel as He } from "axios";
-const St = ["innerHTML"], kt = /* @__PURE__ */ de({
+const wt = ["innerHTML"], St = /* @__PURE__ */ de({
   __name: "RenderFormatterResult",
   props: {
     col: {},
@@ -20,19 +20,19 @@ const St = ["innerHTML"], kt = /* @__PURE__ */ de({
       const r = l.col.prop ? l.row[l.col.prop] : void 0;
       return (g = (i = l.col).formatter) == null ? void 0 : g.call(i, l.row, l.column, r, l.index);
     });
-    return (r, i) => qe(d.value) ? (s(), k(Ge(d.value), { key: 0 })) : (s(), b("span", {
+    return (r, i) => qe(d.value) ? (s(), k(Ge(d.value), { key: 0 })) : (s(), x("span", {
       key: 1,
       innerHTML: d.value
-    }, null, 8, St));
+    }, null, 8, wt));
   }
-}), _t = {
+}), kt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Tt(e, l) {
-  return s(), b("svg", _t, [...l[0] || (l[0] = [
-    C("path", {
+function Ct(e, l) {
+  return s(), x("svg", kt, [...l[0] || (l[0] = [
+    _("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -42,14 +42,14 @@ function Tt(e, l) {
     }, null, -1)
   ])]);
 }
-const Ct = Y({ name: "tabler-filter", render: Tt }), Pt = {
+const Tt = Q({ name: "tabler-filter", render: Ct }), _t = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Et(e, l) {
-  return s(), b("svg", Pt, [...l[0] || (l[0] = [
-    C("path", {
+function Pt(e, l) {
+  return s(), x("svg", _t, [...l[0] || (l[0] = [
+    _("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -59,14 +59,15 @@ function Et(e, l) {
     }, null, -1)
   ])]);
 }
-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 = {
+const Et = Q({ name: "tabler-filter-check", render: Pt }), $t = { "element-loading-text": "加载中..." }, Rt = { class: "flex justify-center" }, Vt = { class: "-mx-3 flex w-[150px] items-center justify-evenly" }, Bt = {
   key: 0,
   class: "h-[23px]"
-}, Ht = ["onDblclick"], zt = { key: 1 }, Dt = /* @__PURE__ */ de({
+}, Ft = ["onDblclick"], Ht = { key: 1 }, zt = /* @__PURE__ */ de({
   __name: "index",
-  props: /* @__PURE__ */ _e({
+  props: /* @__PURE__ */ Ce({
     data: {},
     columns: {},
+    defaultSort: {},
     rowKey: { default: "id" },
     selectable: { type: [Boolean, Function] },
     showIndex: { type: Boolean, default: !0 },
@@ -79,45 +80,45 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
     },
     filterDataModifiers: {}
   }),
-  emits: /* @__PURE__ */ _e(["applyFilter", "selectionChange", "cell-edit"], ["update:filterData"]),
+  emits: /* @__PURE__ */ Ce(["applyFilter", "selectionChange", "cell-edit", "sortChange"], ["update:filterData"]),
   setup(e, { expose: l, emit: d }) {
-    const r = at.directive, i = e, g = We(e, "filterData"), x = d, $ = $e("elTableRef"), w = V({}), H = V({});
+    const r = at.directive, i = e, g = We(e, "filterData"), b = d, $ = $e("elTableRef"), w = V({}), H = V({});
     function O(a) {
-      w.value[a] = J(g.value[a]);
+      w.value[a] = Y(g.value[a]);
     }
     function X(a) {
-      w.value[a] = J(g.value[a]);
+      w.value[a] = Y(g.value[a]);
     }
-    function ee(a, h, t) {
-      w.value[a] = void 0, g.value[a] = void 0, D(a, h, t);
+    function ee(a, f, t) {
+      w.value[a] = void 0, g.value[a] = void 0, D(a, f, t);
     }
-    function D(a, h, t) {
-      g.value[a] = w.value[a], H.value[a] = !1, x("applyFilter", {
+    function D(a, f, t) {
+      g.value[a] = w.value[a], H.value[a] = !1, b("applyFilter", {
         col: t,
         prop: a,
-        type: h,
+        type: f,
         value: g.value[a],
         filterData: g.value
       });
     }
-    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 P(a, f) {
+      const t = I(a.actions) ? a.actions(f) : a.actions;
+      return t == null ? void 0 : t.map((h) => {
+        const v = I(h.visibility) ? h.visibility(f) : h.visibility ?? !0;
+        return { ...h, visibility: v };
+      }).filter((h) => h.visibility !== !1);
     }
     function S(a) {
       return a.filterFieldName ?? a.prop;
     }
-    function te(a, h) {
+    function te(a, f) {
       return {
         color: a.text.includes("删除") ? "var(--el-color-danger)" : "",
-        visibility: Ce(h) ? void 0 : h
+        visibility: _e(f) ? void 0 : f
       };
     }
     const E = V([]);
-    function Q() {
+    function Z() {
       E.value = Array.from(
         { length: i.data.length },
         () => Array.from({ length: i.columns.length }, () => ({
@@ -127,39 +128,41 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
         }))
       );
     }
-    function G(a, h) {
-      return I(a.editable) ? a.editable(h) : a.editable ?? !1;
+    function G(a, f) {
+      return I(a.editable) ? a.editable(f) : a.editable ?? !1;
     }
-    function le(a, h, t) {
-      const f = E.value[a][h];
-      f && (f.value = t, f.editing = !0, ue(() => {
+    function le(a, f, t) {
+      const h = E.value[a][f];
+      h && (h.value = t, h.editing = !0, ue(() => {
         var v;
-        (v = f.inputRef) == null || v.focus();
+        (v = h.inputRef) == null || v.focus();
       }));
     }
     function U(a) {
-      const h = E.value[a.rowIndex][a.colIndex];
-      if (!h) return;
-      h.editing = !1;
-      const t = a.newValue, f = a.row[a.prop];
-      t !== f && (a.row[a.prop] = t, x("cell-edit", a));
+      const f = E.value[a.rowIndex][a.colIndex];
+      if (!f) return;
+      f.editing = !1;
+      const t = a.newValue, h = a.row[a.prop];
+      t !== h && (a.row[a.prop] = t, b("cell-edit", a));
     }
-    function A(a, h) {
-      const t = E.value[a][h];
+    function A(a, f) {
+      const t = E.value[a][f];
       t && (t.editing = !1);
     }
     return l({
       tableInstance: $,
-      resetCells: Q
-    }), (a, h) => ie((s(), b("section", Rt, [
-      _(n(nt), {
+      resetCells: Z
+    }), (a, f) => ie((s(), x("section", $t, [
+      C(n(nt), {
         ref: "elTableRef",
         data: e.data,
+        "default-sort": e.defaultSort,
         border: "",
         class: "pro-table",
         height: "100%",
         "row-key": e.rowKey,
-        onSelectionChange: h[1] || (h[1] = (t) => x("selectionChange", t))
+        onSelectionChange: f[1] || (f[1] = (t) => b("selectionChange", t)),
+        onSortChange: f[2] || (f[2] = (t) => b("sortChange", { prop: t.prop ?? "", order: t.order }))
       }, {
         default: y(() => [
           e.selectable ? (s(), k(n(ve), {
@@ -180,14 +183,14 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
             ]),
             _: 1
           }, 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, {
+          (s(!0), x(q, null, oe(e.columns, (t, h) => (s(), k(n(ve), ge({ key: h }, { ref_for: !0 }, t, {
             align: t.align ?? "center",
             fixed: t.label === "操作" ? "right" : !1
           }), Ye({ _: 2 }, [
             t.filterable ?? (t.filterType || t.filterOptions || Re(t.filterOptions)) ? {
               name: "header",
               fn: y(({ column: v }) => [
-                C("span", {
+                _("span", {
                   class: Qe(["inline-flex items-center", {
                     "text-[--el-color-primary]": S(t) && g.value[S(t)] !== void 0
                   }])
@@ -206,13 +209,13 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
                     onHide: (c) => X(S(t))
                   }, {
                     reference: y(() => [
-                      C("div", {
+                      _("div", {
                         class: "inline-flex cursor-pointer items-center gap-x-0.5 duration-100 hover:text-[--el-color-primary]",
-                        onClick: h[0] || (h[0] = pe(() => {
+                        onClick: f[0] || (f[0] = pe(() => {
                         }, ["stop"]))
                       }, [
                         R(L(v.label) + " ", 1),
-                        g.value[S(t)] !== void 0 ? (s(), k(n($t), { key: 0 })) : (s(), k(n(Ct), { key: 1 }))
+                        g.value[S(t)] !== void 0 ? (s(), k(n(Et), { key: 0 })) : (s(), k(n(Tt), { key: 1 }))
                       ])
                     ]),
                     default: y(() => [
@@ -222,12 +225,12 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
                         "max-height": "34vh"
                       }, {
                         default: y(() => [
-                          _(n(st), {
+                          C(n(st), {
                             modelValue: w.value[S(t)],
                             "onUpdate:modelValue": (c) => w.value[S(t)] = c
                           }, {
                             default: y(() => [
-                              (s(!0), b(q, null, oe(Se(t.filterOptions), (c) => (s(), k(n(it), {
+                              (s(!0), x(q, null, oe(Se(t.filterOptions), (c) => (s(), k(n(it), {
                                 key: c.value.toString(),
                                 value: c.value,
                                 label: c.label,
@@ -244,12 +247,12 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
                         "max-height": "34vh"
                       }, {
                         default: y(() => [
-                          _(n(ot), {
+                          C(n(ot), {
                             modelValue: w.value[S(t)],
                             "onUpdate:modelValue": (c) => w.value[S(t)] = c
                           }, {
                             default: y(() => [
-                              (s(!0), b(q, null, oe(Se(t.filterOptions), (c) => (s(), k(n(ut), {
+                              (s(!0), x(q, null, oe(Se(t.filterOptions), (c) => (s(), k(n(ut), {
                                 key: c.value.toString(),
                                 value: c.value,
                                 label: c.label,
@@ -271,10 +274,10 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
                         "value-format": "YYYY-MM-DD HH:mm:ss",
                         teleported: !1
                       }, 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), {
+                      f[5] || (f[5] = _("div", { class: "-mx-3 my-3 border-t" }, null, -1)),
+                      _("div", Rt, [
+                        _("div", Vt, [
+                          C(n(M), {
                             type: "primary",
                             plain: "",
                             size: "small",
@@ -284,12 +287,12 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
                               t
                             )
                           }, {
-                            default: y(() => [...h[2] || (h[2] = [
+                            default: y(() => [...f[3] || (f[3] = [
                               R("重置", -1)
                             ])]),
                             _: 1
                           }, 8, ["onClick"]),
-                          _(n(M), {
+                          C(n(M), {
                             type: "primary",
                             size: "small",
                             class: "!m-0",
@@ -299,7 +302,7 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
                               t
                             )
                           }, {
-                            default: y(() => [...h[3] || (h[3] = [
+                            default: y(() => [...f[4] || (f[4] = [
                               R("确定", -1)
                             ])]),
                             _: 1
@@ -316,8 +319,8 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
             t.formatter ? {
               name: "default",
               fn: y(({ row: v, column: c, $index: N }) => [
-                ie((s(), b("div", null, [
-                  _(kt, {
+                ie((s(), x("div", null, [
+                  C(St, {
                     col: t,
                     row: v,
                     column: c,
@@ -333,53 +336,53 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
               fn: y(({ row: v, $index: c }) => {
                 var N, ae;
                 return [
-                  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), {
+                  t.prop ? (s(), x("div", Bt, [
+                    G(t, v) ? (s(), x(q, { key: 0 }, [
+                      (ae = (N = E.value[c]) == null ? void 0 : N[h]) != null && ae.editing ? (s(), k(n(Be), {
                         key: 0,
                         ref_for: !0,
-                        ref: (o) => E.value[c][f].inputRef = o,
-                        modelValue: E.value[c][f].value,
-                        "onUpdate:modelValue": (o) => E.value[c][f].value = o,
+                        ref: (o) => E.value[c][h].inputRef = o,
+                        modelValue: E.value[c][h].value,
+                        "onUpdate:modelValue": (o) => E.value[c][h].value = o,
                         style: { "--el-input-height": "23px" },
                         clearable: "",
                         size: "small",
                         "input-style": "--el-input-inner-height: 20px",
                         onBlur: (o) => U({
                           rowIndex: c,
-                          colIndex: f,
+                          colIndex: h,
                           row: v,
                           prop: t.prop,
                           oldValue: v[t.prop],
-                          newValue: E.value[c][f].value
+                          newValue: E.value[c][h].value
                         }),
                         onKeydown: [
                           ye(pe((o) => U({
                             rowIndex: c,
-                            colIndex: f,
+                            colIndex: h,
                             row: v,
                             prop: t.prop,
                             oldValue: v[t.prop],
-                            newValue: E.value[c][f].value
+                            newValue: E.value[c][h].value
                           }), ["stop", "prevent"]), ["enter"]),
-                          ye(pe((o) => A(c, f), ["stop", "prevent"]), ["esc"])
+                          ye(pe((o) => A(c, h), ["stop", "prevent"]), ["esc"])
                         ]
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeydown"])) : ie((s(), b("div", {
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeydown"])) : ie((s(), x("div", {
                         key: 1,
                         class: "h-[23px] cursor-pointer",
-                        onDblclick: (o) => le(c, f, v[t.prop])
+                        onDblclick: (o) => le(c, h, v[t.prop])
                       }, [
                         R(L(v[t.prop]), 1)
-                      ], 40, Ht)), [
+                      ], 40, Ft)), [
                         [n(me), t.truncate ?? !0]
                       ])
-                    ], 64)) : ie((s(), b("div", zt, [
+                    ], 64)) : ie((s(), x("div", Ht, [
                       R(L(v[t.prop]), 1)
                     ])), [
                       [n(me), t.truncate ?? !0]
                     ])
                   ])) : F("", !0),
-                  (s(!0), b(q, null, oe(P(t, v), (o) => (s(), b(q, {
+                  (s(!0), x(q, null, oe(P(t, v), (o) => (s(), x(q, {
                     key: o.text
                   }, [
                     o.text === "删除" || o.confirmText ? (s(), k(n(ct), {
@@ -387,11 +390,11 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
                       placement: "top",
                       "hide-after": 0,
                       "popper-style": "width: unset; min-width: 150px;",
-                      title: n(Ce)(o.confirmText) ? `是否确认${o.text}？` : n(I)(o.confirmText) ? o.confirmText(v) : o.confirmText ?? `是否确认${o.text}？`,
+                      title: n(_e)(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(() => [
-                        _(n(M), {
+                        C(n(M), {
                           link: "",
                           type: o.type ?? "primary",
                           style: ke(te(o, o.visibility)),
@@ -425,7 +428,7 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
           ]), 1040, ["align", "fixed"]))), 128))
         ]),
         _: 1
-      }, 8, ["data", "row-key"])
+      }, 8, ["data", "default-sort", "row-key"])
     ])), [
       [n(r), e.loading]
     ]);
@@ -435,9 +438,9 @@ const $t = Y({ name: "tabler-filter-check", render: Et }), Rt = { "element-loadi
   for (const [r, i] of l)
     d[r] = i;
   return d;
-}, At = /* @__PURE__ */ ze(Dt, [["__scopeId", "data-v-476baef5"]]);
-function Lt(e) {
-  var l, d, r, i, g, x, $;
+}, Dt = /* @__PURE__ */ ze(zt, [["__scopeId", "data-v-455222f2"]]);
+function At(e) {
+  var l, d, r, i, g, b, $;
   if (mt(e))
     return e.includes("database") || e.includes("java.sql.") ? "接口异常" : e;
   if (He(e)) return "请求已取消";
@@ -467,9 +470,9 @@ function Lt(e) {
         return `网络异常 (${w})`;
     }
   }
-  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 || "未知错误";
+  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) ? ($ = (b = e[(g = be(e)) == null ? void 0 : g[0]]) == null ? void 0 : b[0]) == null ? void 0 : $.message : e.message || "未知错误";
 }
-class Mt {
+class Lt {
   /**
    * 实例化 SelectionStore
    *
@@ -539,42 +542,43 @@ class Mt {
     });
   }
 }
-function Kt(e, l, d) {
+function Mt(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;
+  let b = null;
   const $ = () => {
-    x !== null && (clearTimeout(x), x = null);
+    b !== null && (clearTimeout(b), b = null);
   };
   return Ve(
     r,
     (w) => {
-      w ? ($(), x = setTimeout(() => {
+      w ? ($(), b = setTimeout(() => {
         g.value = !0;
       }, i)) : ($(), g.value = !1);
     },
     { immediate: !1 }
   ), g;
 }
-function Ot({ defaultSort: e, fetchFn: l, onReset: d }) {
-  const r = gt(
-    {
-      order: "",
-      sort: ""
-    },
-    e
-  ), i = xe(J(r));
-  let g = J(i);
-  function x({
+function Kt({
+  defaultSort: e,
+  fetchFn: l,
+  onReset: d
+}) {
+  const r = e ? Y(e) : {
+    order: "",
+    sort: ""
+  }, i = xe(Y(r));
+  let g = Y(i);
+  function b({
     prop: $,
     order: w
   }) {
-    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);
+    w ? (i.sort = $ || "", i.order = w === "ascending" ? "asc" : "desc", l()) : (i.sort = r.sort, i.order = r.order, gt(i, g) && (i.order = i.order === "asc" ? "desc" : "asc"), d ? d() : l()), g = Y(i);
   }
   return {
     sortState: i,
-    onSortChange: x
+    onSortChange: b
   };
 }
 const De = {
@@ -595,18 +599,18 @@ function Pe(e, l) {
   const r = Math.round(d);
   return r > 0 ? r : l;
 }
-function Ut(e, l) {
+function Ot(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) {
+function Ut(e) {
   return {
     buttonText: (e == null ? void 0 : e.buttonText) ?? Ae.buttonText
   };
 }
-function jt(e) {
+function Nt(e) {
   const l = Le(
     K.paginationProps,
     e == null ? void 0 : e.paginationProps
@@ -616,70 +620,70 @@ function jt(e) {
     headerHeight: Pe(e == null ? void 0 : e.headerHeight, K.headerHeight),
     paginationProps: {
       ...l,
-      layout: Ut(
+      layout: Ot(
         l.layout,
         De.layout
       )
     },
-    searchProps: Nt(e == null ? void 0 : e.searchProps)
+    searchProps: Ut(e == null ? void 0 : e.searchProps)
   };
 }
-const Me = Symbol("searchTableConfig"), It = {
+const Me = Symbol("searchTableConfig"), jt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function qt(e, l) {
-  return s(), b("svg", It, [...l[0] || (l[0] = [
-    C("path", {
+function It(e, l) {
+  return s(), x("svg", jt, [...l[0] || (l[0] = [
+    _("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 Gt = Y({ name: "ri-search-line", render: qt }), Wt = {
+const qt = Q({ name: "ri-search-line", render: It }), Gt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Yt(e, l) {
-  return s(), b("svg", Wt, [...l[0] || (l[0] = [
-    C("path", {
+function Wt(e, l) {
+  return s(), x("svg", Gt, [...l[0] || (l[0] = [
+    _("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const Qt = Y({ name: "ri-add-line", render: Yt }), Zt = {
+const Yt = Q({ name: "ri-add-line", render: Wt }), Qt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Jt(e, l) {
-  return s(), b("svg", Zt, [...l[0] || (l[0] = [
-    C("path", {
+function Zt(e, l) {
+  return s(), x("svg", Qt, [...l[0] || (l[0] = [
+    _("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 Xt = Y({ name: "ri-delete-bin-line", render: Jt }), el = {
+const Jt = Q({ name: "ri-delete-bin-line", render: Zt }), Xt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function tl(e, l) {
-  return s(), b("svg", el, [...l[0] || (l[0] = [
-    C("path", {
+function el(e, l) {
+  return s(), x("svg", Xt, [...l[0] || (l[0] = [
+    _("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 ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "search-table flex h-full flex-col" }, nl = {
+const tl = Q({ name: "ri-delete-back2-line", render: el }), ll = { class: "search-table flex h-full flex-col" }, al = {
   key: 0,
   class: "search-table__toolbar mb-6 flex flex-shrink-0 items-center justify-between"
-}, 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({
+}, nl = { class: "search-table__search flex items-center gap-x-3" }, rl = { class: "search-table__actions" }, sl = { class: "search-table__footer mt-5 flex flex-shrink-0 items-center justify-between" }, il = { class: "search-table__selection flex w-[164px] items-center" }, Ee = 10, ol = /* @__PURE__ */ de({
   __name: "index",
   props: {
     columns: {},
@@ -703,17 +707,17 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
   },
   emits: ["add", "batch-delete", "cell-edit"],
   setup(e, { expose: l, emit: d }) {
-    const r = e, i = d, g = Je(), x = $e("proTableRef"), $ = Xe(Me, K), w = z(
+    const r = e, i = d, g = Je(), b = $e("proTableRef"), $ = Xe(Me, K), w = z(
       () => Le($.paginationProps, r.elPaginationProps)
     ), H = z(
       () => r.searchButtonText ?? $.searchProps.buttonText
-    ), { sortState: O, onSortChange: X } = Ot({
+    ), { sortState: O, onSortChange: X } = Kt({
       defaultSort: r.defaultSort,
-      fetchFn: f,
+      fetchFn: h,
       onReset() {
         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();
+        r.columns.some((W) => W.prop === p) ? (T = (m = b.value) == null ? void 0 : m.tableInstance) == null || T.sort(p, u) : h();
       }
     }), ee = z(() => {
       const p = O.order === "asc" ? "ascending" : "descending";
@@ -725,16 +729,16 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
       pageSize: D.value,
       currPage: 1,
       total: 0
-    }), 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]: ""
+    }), S = z(() => yt(bt([D.value, 10, 20, 30, 40, 50, 100]))), te = z(() => (P.value.currPage - 1) * P.value.pageSize), E = V(0), Z = z(() => r.searchField ?? "search"), G = V({
+      [Z.value]: ""
     }), le = z({
-      get: () => G.value[Q.value] ?? "",
+      get: () => G.value[Z.value] ?? "",
       set: (p) => {
-        G.value[Q.value] = p;
+        G.value[Z.value] = p;
       }
-    }), U = xe({}), A = V([]), a = V(!1), h = Kt(a, 100);
+    }), U = xe({}), A = V([]), a = V(!1), f = Mt(a, 100);
     let t = null;
-    async function f() {
+    async function h() {
       t == null || t.abort(), t = new AbortController(), a.value = !0;
       const p = te.value;
       try {
@@ -749,16 +753,16 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
         });
         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();
+          (re = (j = b.value) == null ? void 0 : j.tableInstance) == null || re.setScrollTop(0), (se = b.value) == null || se.resetCells();
         }), r.selectable && Ne(T);
       } catch (u) {
         if (He(u)) return;
-        console.error("[SearchTable] 获取数据失败", u), vt.error("表格数据加载失败：" + Lt(u));
+        console.error("[SearchTable] 获取数据失败", u), vt.error("表格数据加载失败：" + At(u));
       }
       a.value = !1;
     }
     function v() {
-      P.value.currPage = 1, f();
+      P.value.currPage = 1, h();
     }
     function c({ type: p, value: u, prop: m, col: T }) {
       if (p === "datetimerange") {
@@ -772,16 +776,16 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
       i("cell-edit", p);
     }
     const ae = async () => {
-      a.value || (we(), await f());
+      a.value || (we(), await h());
     };
     function o() {
       var j;
-      const { rowHeight: p, headerHeight: u } = $, m = (j = x.value) == null ? void 0 : j.$el;
+      const { rowHeight: p, headerHeight: u } = $, m = (j = b.value) == null ? void 0 : j.$el;
       if (!m) return 0;
       const T = m.offsetHeight - u;
       return Math.floor(T / p);
     }
-    const B = V([]), Ke = z(() => B.value), ne = new Mt(r.rowKey);
+    const B = V([]), Ke = z(() => B.value), ne = new Lt(r.rowKey);
     let ce = !1;
     const fe = (p) => {
       ce || (ne.syncPage(A.value, p), B.value = ne.values);
@@ -789,16 +793,16 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
       fe(p);
     }, we = () => {
       var p, u;
-      (u = (p = x.value) == null ? void 0 : p.tableInstance) == null || u.clearSelection(), B.value = [], ne.clear();
+      (u = (p = b.value) == null ? void 0 : p.tableInstance) == null || u.clearSelection(), B.value = [], ne.clear();
     };
     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);
+        (T = (m = b.value) == null ? void 0 : m.tableInstance) == null || T.toggleRowSelection(p, u);
       }), await ue(), ce = !1;
     });
     function Ne(p) {
-      const u = p.map((T) => T[r.rowKey]), m = be(Fe(wt(u), (T) => T > 1));
+      const u = p.map((T) => T[r.rowKey]), m = be(Fe(xt(u), (T) => T > 1));
       m.length && console.error(
         "[SearchTable] 表格数据存在重复的 rowKey，将会导致勾选功能异常！",
         m
@@ -807,7 +811,7 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
     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();
+      ), D.value = Ee) : D.value = o(), P.value.pageSize = D.value), h();
     }), tt(() => {
       t == null || t.abort();
     }), l({
@@ -827,10 +831,10 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
        * 勾选指定行
        */
       selectRows: Ue
-    }), (p, u) => (s(), b("div", al, [
-      e.showSearch ? (s(), b("section", nl, [
-        C("div", rl, [
-          _(n(Be), {
+    }), (p, u) => (s(), x("div", ll, [
+      e.showSearch ? (s(), x("section", al, [
+        _("div", nl, [
+          C(n(Be), {
             modelValue: le.value,
             "onUpdate:modelValue": u[0] || (u[0] = (m) => le.value = m),
             modelModifiers: { trim: !0 },
@@ -840,24 +844,24 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
             onKeyup: ye(v, ["enter"]),
             onClear: v
           }, null, 8, ["modelValue", "placeholder"]),
-          Z(p.$slots, "search-form", {
+          J(p.$slots, "search-form", {
             query: G.value,
             search: v
           }, void 0, !0),
-          _(n(M), {
+          C(n(M), {
             class: "search-table__search-button",
             type: "primary",
             onClick: v
           }, {
             default: y(() => [
-              _(n(Gt)),
+              C(n(qt)),
               R(" " + L(H.value), 1)
             ]),
             _: 1
           })
         ]),
-        Z(p.$slots, "top-center", {}, void 0, !0),
-        C("div", sl, [
+        J(p.$slots, "top-center", {}, void 0, !0),
+        _("div", rl, [
           e.showAddButton ? (s(), k(n(M), {
             key: 0,
             class: "search-table__add-button",
@@ -865,7 +869,7 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
             onClick: u[1] || (u[1] = (m) => i("add"))
           }, {
             default: y(() => [
-              _(n(Qt)),
+              C(n(Yt)),
               u[5] || (u[5] = R("新增 ", -1))
             ]),
             _: 1
@@ -878,17 +882,17 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
             onClick: u[2] || (u[2] = (m) => i("batch-delete", B.value))
           }, {
             default: y(() => [
-              _(n(Xt)),
+              C(n(Jt)),
               u[6] || (u[6] = R("批量删除 ", -1))
             ]),
             _: 1
           }, 8, ["disabled"])) : F("", !0),
-          Z(p.$slots, "btns", {}, void 0, !0)
+          J(p.$slots, "btns", {}, void 0, !0)
         ])
       ])) : F("", !0),
-      Z(p.$slots, "table", {
+      J(p.$slots, "table", {
         data: A.value,
-        loading: n(h),
+        loading: n(f),
         columns: r.columns,
         indexOffset: E.value,
         defaultSort: ee.value,
@@ -897,11 +901,11 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
         cellEdit: N,
         sortChange: n(X)
       }, () => [
-        _(At, ge({ ref: "proTableRef" }, r, {
+        C(Dt, ge({ ref: "proTableRef" }, r, {
           class: "search-table__body flex-1 overflow-hidden",
           "index-offset": E.value,
           data: A.value,
-          loading: n(h),
+          loading: n(f),
           "default-sort": ee.value,
           onApplyFilter: c,
           onSelectionChange: fe,
@@ -909,10 +913,10 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
           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" }, {
+      _("section", sl, [
+        _("div", il, [
+          e.selectable ? (s(), x(q, { key: 0 }, [
+            C(n(ft), { type: "info" }, {
               default: y(() => [
                 R("已选 " + L(B.value.length) + " 条", 1)
               ]),
@@ -926,14 +930,14 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
               "hide-after": 0
             }, {
               default: y(() => [
-                _(n(M), {
+                C(n(M), {
                   type: "danger",
                   text: "",
                   class: "search-table__clear-selection-button ml-1 !px-2",
                   onClick: we
                 }, {
                   default: y(() => [
-                    _(n(ll))
+                    C(n(tl))
                   ]),
                   _: 1
                 })
@@ -942,7 +946,7 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
             })) : F("", !0)
           ], 64)) : F("", !0)
         ]),
-        _(n(pt), ge(w.value, {
+        C(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,
@@ -950,14 +954,14 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
           total: P.value.total,
           "page-sizes": S.value,
           class: "search-table__pagination flex-shrink-0",
-          onSizeChange: f,
-          onCurrentChange: f
+          onSizeChange: h,
+          onCurrentChange: h
         }), null, 16, ["page-size", "current-page", "total", "page-sizes"]),
-        u[7] || (u[7] = C("div", { class: "search-table__footer-spacer w-[164px]" }, null, -1))
+        u[7] || (u[7] = _("div", { class: "search-table__footer-spacer w-[164px]" }, null, -1))
       ])
     ]));
   }
-}), ml = /* @__PURE__ */ ze(ul, [["__scopeId", "data-v-56484700"]]), gl = /* @__PURE__ */ de({
+}), vl = /* @__PURE__ */ ze(ol, [["__scopeId", "data-v-56484700"]]), ml = /* @__PURE__ */ de({
   name: "SearchTableConfigProvider",
   __name: "ConfigProvider",
   props: {
@@ -967,11 +971,11 @@ const ll = Y({ name: "ri-delete-back2-line", render: tl }), al = { class: "searc
     searchProps: { default: () => K.searchProps }
   },
   setup(e) {
-    return lt(Me, jt(e)), (d, r) => Z(d.$slots, "default");
+    return lt(Me, Nt(e)), (d, r) => J(d.$slots, "default");
   }
 });
 export {
-  At as ProTable,
-  ml as SearchTable,
-  gl as SearchTableConfigProvider
+  Dt as ProTable,
+  vl as SearchTable,
+  ml as SearchTableConfigProvider
 };

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}.table{display:table}.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}.rounded{border-radius:.25rem}.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-56484700] .el-table .el-table-column--selection.el-table__cell{display:flex;align-items:center;justify-content:center}[data-v-56484700] .el-button>span{gap:0 4px}.el-pagination[data-v-56484700] .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}.table{display:table}.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}.rounded{border-radius:.25rem}.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-455222f2] .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-455222f2] .pro-table thead th{font-weight:400}[data-v-56484700] .el-table .el-table-column--selection.el-table__cell{display:flex;align-items:center;justify-content:center}[data-v-56484700] .el-button>span{gap:0 4px}.el-pagination[data-v-56484700] .el-pagination__sizes .el-select{width:110px}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@amaoaaaaa/search-table",
-    "version": "0.5.0",
+    "version": "0.5.1",
     "type": "module",
     "description": "基于 Element Plus 的搜索表格组件，支持分页、排序、筛选、跨页勾选等功能",
     "license": "MIT",