@gx-design-vue/pro-table 0.2.0-beta.139 → 0.2.0-beta.140

package/dist/pro-table.js

@@ -1,29 +1,31 @@
 /*!
   * Gx Design Pro
-  * Version: 0.2.0-beta.138
+  * Version: 0.2.0-beta.139
   * Author: gx12358
   * Copyright (C) 2024 gx12358
   * License: MIT License
   * Description: Gx Design Pro Table
-  * Date Created: 2025-12-12 
+  * Date Created: 2025-12-14 
   * Homepage: 
   * Contact: gx12358@gmail.com
 */
-import { defineComponent as we, ref as I, watch as z, cloneVNode as Qe, reactive as Ue, toRaw as re, computed as C, createVNode as s, Fragment as Ye, isVNode as _, mergeProps as W, h as st, unref as T, onActivated as ct, nextTick as At, getCurrentInstance as Ot, onMounted as jt, onUnmounted as Nt, onDeactivated as Yt, watchEffect as zt, toRef as M, isRef as He } from "vue";
-import { UpOutlined as Lt, DownOutlined as Et, InfoCircleOutlined as Mt, FullscreenExitOutlined as Wt, FullscreenOutlined as kt, ReloadOutlined as Ht, CopyOutlined as qt } from "@ant-design/icons-vue";
-import { useProAppContext as dt } from "@gx-design-vue/pro-app";
-import { useBreakpoint as ft, useMemo as Fe, tryOnUnmounted as Kt } from "@gx-design-vue/pro-hooks";
-import { useContext as Vt, useProStyle as Je, unit as nt, useProConfigContext as Gt } from "@gx-design-vue/pro-provider";
-import { isArray as K, cloneDeep as ee, isBoolean as Re, classNames as ae, isNumber as De, filterEmpty as mt, getPrefixCls as vt, isObject as Q, keysOf as ht, isDeepEqualReact as Le, compareArray as Xt, runFunction as _t, getSortIndex as Qt, isFunction as ze, handleCurrentPage as Ut, getRandomNumber as gt, deepMerge as Se, arrayRepeat as Jt, isString as pt, handleShowIndex as Zt, getSlot as it, convertValueBoolean as qe, getSlotsProps as el, handleEmptyField as tl, getTextWidth as ll, getSlotVNode as al, useDeepMerge as nl } from "@gx-design-vue/pro-utils";
-import { useDebounceFn as il, useFullscreen as bt, useWindowSize as ol } from "@vueuse/core";
-import { Grid as ul, DatePicker as yt, Space as ot, Input as Ne, TimePicker as rl, TreeSelect as sl, Select as cl, InputNumber as Ke, Button as ut, Spin as Ct, Tooltip as Te, theme as dl, Pagination as fl, Table as ml, message as vl, Empty as hl } from "ant-design-vue";
-import { omit as Ie, cloneDeep as xt, pick as Ee } from "lodash-es";
-import { tableProps as gl } from "ant-design-vue/es/table/Table";
+import { defineComponent as ge, ref as x, watch as q, cloneVNode as tt, reactive as lt, toRaw as ce, computed as T, createVNode as d, Fragment as we, isVNode as le, mergeProps as Q, h as bt, onBeforeUnmount as Gt, onMounted as at, nextTick as nt, watchEffect as pt, unref as F, onActivated as yt, getCurrentInstance as Qt, onUnmounted as Ct, onDeactivated as St, onUpdated as Ut, toRef as V, Teleport as Jt, isRef as _e } from "vue";
+import { UpOutlined as Zt, DownOutlined as el, InfoCircleOutlined as tl, FullscreenExitOutlined as ll, FullscreenOutlined as al, ReloadOutlined as nl, CopyOutlined as ol } from "@ant-design/icons-vue";
+import { useProAppContext as xt } from "@gx-design-vue/pro-app";
+import { useBreakpoint as ot, useMemo as Ne, tryOnUnmounted as il, onMountedOrActivated as sl } from "@gx-design-vue/pro-hooks";
+import { useProStyle as it, unit as pe, useProConfigContext as rl } from "@gx-design-vue/pro-provider";
+import { isArray as J, cloneDeep as ae, isObject as ne, isBoolean as De, classNames as D, isNumber as Ce, filterEmpty as Tt, getPrefixCls as wt, keysOf as $t, isDeepEqualReact as qe, compareArray as ul, runFunction as cl, getSortIndex as dl, isFunction as Me, handleCurrentPage as fl, getRandomNumber as Rt, deepMerge as ye, forInObject as vl, arrayRepeat as ml, isString as Pt, handleShowIndex as hl, getSlot as ft, convertValueBoolean as Ge, getSlotsProps as gl, handleEmptyField as bl, getTextWidth as pl, getSlotVNode as yl, useDeepMerge as Cl } from "@gx-design-vue/pro-utils";
+import { useDebounceFn as Sl, useEventListener as vt, isClient as xl, useElementBounding as Tl, useFullscreen as Ft, useElementSize as He, useScroll as wl, useResizeObserver as $l, useWindowSize as Rl } from "@vueuse/core";
+import { DatePicker as It, Input as We, TimePicker as Pl, TreeSelect as Fl, Select as Il, InputNumber as Qe, Button as mt, Spin as At, Tooltip as $e, Empty as Bt, theme as Al, Pagination as Bl, Table as Nl, message as zl } from "ant-design-vue";
+import { omit as ze, cloneDeep as Nt, pick as Dl } from "lodash-es";
+import { tableProps as Ol } from "ant-design-vue/es/table/Table";
 import "ant-design-vue/es/_util/props-util";
-import { warning as pl } from "ant-design-vue/es/vc-util/warning";
-import V from "dayjs";
-const bl = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered", "loading"], St = {
-  ...Ie(gl(), bl),
+import { warning as El } from "ant-design-vue/es/vc-util/warning";
+import Z from "dayjs";
+import { useContext as zt } from "@gx-design-vue/context";
+import { TinyColor as ht } from "@ctrl/tinycolor";
+const Ll = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered", "loading"], Dt = {
+  ...ze(Ol(), Ll),
   direction: {
     type: String,
     default: "ltr"
@@ -47,8 +49,32 @@ const bl = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered
     type: Object,
     default: void 0
   }
-}, { provideContext: yl, useInjectContext: Ze } = Vt("pro-table"), ge = {
-  ...St,
+}, { provideContext: jl, useInjectContext: st } = zt("pro-table"), he = {
+  ...Dt,
+  id: {
+    type: String,
+    default: ""
+  },
+  class: {
+    type: String,
+    default: ""
+  },
+  style: {
+    type: Object,
+    default: () => ({})
+  },
+  classNames: {
+    type: Object,
+    default: () => ({})
+  },
+  styles: {
+    type: Object,
+    default: () => ({})
+  },
+  fitPage: {
+    type: Boolean,
+    default: !1
+  },
   rowSelection: {
     type: Object,
     default: void 0
@@ -120,10 +146,6 @@ const bl = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered
     default: () => {
     }
   },
-  useDefaultScrollStyle: {
-    type: Boolean,
-    default: () => !1
-  },
   emptyText: {
     type: [Function, Object, Boolean, Array],
     default: () => {
@@ -133,12 +155,6 @@ const bl = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered
     type: Boolean,
     default: !0
   },
-  tableProps: {
-    type: Object,
-    default: () => ({
-      style: {}
-    })
-  },
   emptyTextProps: {
     type: Object,
     default: () => ({
@@ -151,40 +167,34 @@ const bl = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered
       placement: "right"
     })
   },
-  // 表格标题下方的内容
-  headerAfter: {
+  /** @name listToolAfter 表格工具栏下方的内容 */
+  listToolAfter: {
     type: [Object, Function, Boolean, String, Array],
     default: () => {
     }
   },
-  // 表格标题
+  /** @name headerTitle 表格标题，可自定义 */
   headerTitle: {
     type: [Object, Function, Boolean, String, Array],
     default: () => {
     }
   },
-  // 标题提示
+  /** @name headerTitleTip 标题提示的Icon，可自定义 */
   headerTitleTip: {
     type: [Object, Function, Boolean, String, Array],
     default: () => {
     }
   },
-  // 标题提示字
+  /** @name titleTipText 标题提示词 */
   titleTipText: {
-    type: String,
-    default: "这是一个标题提示"
+    type: String
   },
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description table 工具栏，设为 false 时不显示
-   */
+  /** @name options table 工具栏(reload:重新请求按钮；fullScreen：全屏按钮)，设为 false 时不显示 */
   options: {
     type: [Object, Boolean],
     default: !1
   },
-  // 针对 keepalive 缓存的页面 是否重新reload
+  /** @name keepAliveReload 针对 keepalive 缓存的页面，重新进入是否请求 */
   keepAliveReload: {
     type: Boolean,
     default: !1
@@ -303,7 +313,7 @@ const bl = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered
   onLoadingChange: Function,
   onRequestError: Function,
   onBeforeSearchSubmit: Function
-}, Cl = /* @__PURE__ */ we({
+}, Hl = /* @__PURE__ */ ge({
   name: "RequestSelect",
   props: {
     fetch: Function,
@@ -322,53 +332,53 @@ const bl = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered
     }
   },
   setup(e, {
-    slots: a
+    slots: n
   }) {
-    const l = I([]), n = I(e.loading ?? !1), o = I("init"), i = il(e.fetch, e.debounceTime || 10);
-    return z([() => e.fetch, () => e.manual], () => {
-      if (o.value !== "init" && n.value) return;
-      const d = e.manual ?? !1;
-      e.fetch && !d && (n.value = !0, i().then((m) => {
-        l.value = xt(m), o.value = "success";
-      }).catch((m) => {
-        console.error(m), o.value = "error";
+    const l = x([]), a = x(e.loading ?? !1), o = x("init"), r = Sl(e.fetch, e.debounceTime || 10);
+    return q([() => e.fetch, () => e.manual], () => {
+      if (o.value !== "init" && a.value) return;
+      const u = e.manual ?? !1;
+      e.fetch && !u && (a.value = !0, r().then((b) => {
+        l.value = Nt(b), o.value = "success";
+      }).catch((b) => {
+        console.error(b), o.value = "error";
       }).finally(() => {
-        n.value = !1;
+        a.value = !1;
       }));
     }, {
       immediate: !0
     }), () => {
-      const d = a.default?.();
-      return Qe(K(d) ? d[0] : d, {
+      const u = n.default?.();
+      return tt(J(u) ? u[0] : u, {
         options: l.value,
-        notFoundContent: e.notFoundContent?.(n.value)
+        notFoundContent: e.notFoundContent?.(a.value)
       });
     };
   }
 });
-function xl(e, a) {
-  const l = Ue({});
-  function n() {
-    Object.assign(l, ee(re(e)));
-    const i = a.find((d) => d.valueType === "dateRange");
-    i && o(i.name || "", e[i.rangeStartName || "start"] ? [
-      e[i.rangeStartName || "start"],
-      e[i.rangeEndName || "end"]
+function Wl(e, n) {
+  const l = lt({});
+  function a() {
+    Object.assign(l, ae(ce(e)));
+    const r = n.find((u) => u.valueType === "dateRange");
+    r && o(r.name || "", e[r.rangeStartName || "start"] ? [
+      e[r.rangeStartName || "start"],
+      e[r.rangeEndName || "end"]
     ] : []);
   }
-  z(() => e, () => {
-    n();
+  q(() => e, () => {
+    a();
   }, { deep: !0, immediate: !0 });
-  function o(i, d) {
-    l[i] = d;
+  function o(r, u) {
+    l[r] = u;
   }
   return {
     formState: l,
-    resetFormState: n,
+    resetFormState: a,
     changeFormState: o
   };
 }
-const Sl = (e) => ({
+const Yl = (e) => ({
   [`${e.componentCls}-search`]: {
     position: "relative",
     display: "flex",
@@ -383,13 +393,34 @@ const Sl = (e) => ({
       marginBottom: e.marginLG,
       backgroundColor: e.colorBgContainer
     },
-    "&-collapse-buttons": {
+    "&-control": {
       display: "flex",
       alignItems: "center",
       height: e.controlHeight,
       marginBottom: e.margin,
       fontSize: e.fontSize,
-      lineHeight: e.lineHeight
+      lineHeight: e.lineHeight,
+      [`${e.componentCls}-search-control-content`]: {
+        display: "flex",
+        alignItems: "center",
+        gap: e.size
+      },
+      [`${e.componentCls}-search-control-text`]: {
+        cursor: "pointer",
+        color: e.colorLink,
+        transition: `color ${e.motionDurationSlow}`,
+        "&:hover": {
+          color: e.colorLinkHover
+        }
+      },
+      [`${e.componentCls}-search-buttons`]: {
+        display: "flex",
+        alignItems: "center",
+        gap: e.sizeXS
+      },
+      [`${e.componentCls}-a`]: {
+        flexShrink: 0
+      }
     },
     [`${e.componentCls}-search-item`]: {
       display: "flex",
@@ -454,7 +485,7 @@ const Sl = (e) => ({
     justifyContent: "center",
     alignItems: "center"
   }
-}), Ve = [
+}), Ue = [
   { value: "xxl", span: 4 },
   { value: "xl", span: 3 },
   { value: "lg", span: 2 },
@@ -462,437 +493,632 @@ const Sl = (e) => ({
   { value: "sm", span: 2 },
   { value: "xs", span: 1 }
 ];
-function fe(e, a) {
-  return typeof a == "function" ? a(V(e)) : V(e).format(a);
+function me(e, n) {
+  return typeof n == "function" ? n(Z(e)) : Z(e).format(n);
 }
-function Pe(e, a) {
-  return a ? "YYYY-MM-DD HH:mm:ss" : e ?? "YYYY-MM-DD";
+function Ae(e, n) {
+  return n ? "YYYY-MM-DD HH:mm:ss" : e ?? "YYYY-MM-DD";
 }
-const rt = (e, a, l = "string") => {
-  if (K(e)) {
-    const [n, o] = e;
-    let i, d;
-    if (Array.isArray(a) ? (i = a[0], d = a[1]) : typeof a == "object" && a.type === "mask" ? (i = a.format, d = a.format) : (i = a, d = a), l === "string") {
-      const m = n ? fe(n, i) : "", p = o ? fe(o, d) : "";
-      return [m, p];
+const gt = (e, n, l = "string") => {
+  if (J(e)) {
+    const [a, o] = e;
+    let r, u;
+    if (Array.isArray(n) ? (r = n[0], u = n[1]) : typeof n == "object" && n.type === "mask" ? (r = n.format, u = n.format) : (r = n, u = n), l === "string") {
+      const b = a ? me(a, r) : "", f = o ? me(o, u) : "";
+      return [b, f];
     }
-    return [V(n), V(o)];
+    return [Z(a), Z(o)];
   }
 };
-function Tl(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_(e);
+function Ml(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
 const {
-  useBreakpoint: wl
-} = ul, {
-  MonthPicker: Rl,
-  RangePicker: $l,
-  YearPicker: Pl,
-  WeekPicker: Fl,
-  QuarterPicker: Dl
-} = yt;
-function Il(e) {
-  let a = e.reduce((l, n) => n.order !== void 0 ? Math.max(l, n.order) : l, 0);
+  MonthPicker: ql,
+  RangePicker: Kl,
+  YearPicker: kl,
+  WeekPicker: Vl,
+  QuarterPicker: Xl
+} = It;
+function _l(e) {
+  let n = e.reduce((l, a) => a.order !== void 0 ? Math.max(l, a.order) : l, 0);
   return e.forEach((l) => {
-    l.order === void 0 && (a += 1, l.order = a);
-  }), e.sort((l, n) => l.order - n.order), e;
+    l.order === void 0 && (n += 1, l.order = n);
+  }), e.sort((l, a) => l.order - a.order), e;
 }
-const Bl = {
-  modalScroll: ge.modalScroll,
+const Gl = {
+  modalScroll: he.modalScroll,
   formCols: {
     type: Array,
     default: () => []
   },
-  loading: ge.loading,
-  cardBordered: ge.cardBordered,
+  loading: he.loading,
+  cardBordered: he.cardBordered,
   prefixCls: String,
   defaultFormSearch: {
     type: Object,
     default: () => ({})
   },
   onSearch: Function
-}, Al = /* @__PURE__ */ we({
+}, Ql = /* @__PURE__ */ ge({
   name: "ProTableForm",
   inheritAttrs: !1,
-  props: Bl,
+  props: Gl,
   setup(e, {
-    slots: a,
+    slots: n,
     expose: l
   }) {
     const {
-      wrapSSR: n,
+      wrapSSR: a,
       hashId: o
-    } = Je("ProTableForm", [Sl], e.prefixCls), i = dt(), d = wl(), {
-      formAutoRequest: m,
-      formConfig: p,
-      formActions: F
-    } = Ze(), {
-      formState: r,
-      resetFormState: B,
+    } = it("ProTableForm", [Yl], e.prefixCls), r = xt(), u = ot(), {
+      formAutoRequest: b,
+      formConfig: f,
+      formActions: $,
+      screenWidth: v,
+      styles: C,
+      classNames: m
+    } = st(), {
+      formState: i,
+      resetFormState: w,
       changeFormState: h
-    } = xl(e.defaultFormSearch, e.formCols), f = I(p.value?.collapsed ?? p.value?.defaultCollapsed), x = C(() => Re(F.value?.reset) ? F.value?.reset : !m.value), b = C(() => oe(p.value?.span)), j = C(() => p.value?.label);
-    z(() => p.value?.collapsed, (t) => {
-      f.value = t;
+    } = Wl(e.defaultFormSearch, e.formCols), O = x(pe(f.value?.gap || 16)), I = T(() => {
+      if (f.value?.breakpoint && ne(f.value.breakpoint) && Object.keys(f.value.breakpoint).length)
+        return f.value?.breakpoint;
+    }), B = x(f.value?.collapsed ?? f.value?.defaultCollapsed), N = T(() => De($.value?.reset) ? $.value?.reset : !b.value), L = T(() => I.value ? k(I.value, v.value) : H(f.value?.span, u.value)), K = T(() => f.value?.label);
+    q(() => f.value?.collapsed, (t) => {
+      B.value = t;
     });
-    function oe(t) {
-      let u = 4;
-      for (let y = 0; y < Ve.length; y += 1) {
-        const g = Ve[y].value;
-        if (d.value[g]) {
-          u = t?.[g] || (e.modalScroll ? 3 : Ve[y].span);
+    function k(t, s) {
+      let y = 4;
+      const g = Object.keys(t).map((S) => Number(S)).filter((S) => !Number.isNaN(S)).sort((S, c) => c - S);
+      for (let S = 0; S < g.length; S += 1) {
+        const c = g[S];
+        if (t[c] && s >= c) {
+          y = t[c];
+          break;
+        }
+      }
+      return y;
+    }
+    function H(t, s) {
+      let y = 4;
+      for (let g = 0; g < Ue.length; g += 1) {
+        const S = Ue[g].value;
+        if (s[S]) {
+          y = t?.[S] || (e.modalScroll ? 3 : Ue[g].span);
           break;
         }
       }
-      return u;
+      return y;
     }
-    const te = (t) => {
-      f.value = t;
-    }, $e = (t, u, y) => (t + 1) % u === 0 ? {
+    const A = (t) => {
+      B.value = t;
+    }, X = (t, s, y) => (t + 1) % s === 0 ? {
       ...y,
-      marginRight: 0
+      marginRight: pe(0)
     } : {
       ...y,
-      marginRight: "2%"
-    }, pe = () => {
-      const t = xt(r), u = e.formCols.find((R) => R.valueType === "text") || "", y = e.formCols.find((R) => R.valueType === "dateRange") || "", g = e.formCols.find((R) => R.valueType === "treeSelect");
-      return u && (t[u.name] = r[u.name] || u.initialValue || ""), y && (t[y.rangeStartName || "start"] = t[y.name] ? t[y.name][0] : "", t[y.rangeEndName || "end"] = t[y.name] ? t[y.name][1] : "", delete t[y.name]), g && (g?.name && K(r[g?.name]) && (t[g.name] = r[g.name].length ? r[g.name].map((R) => R[g.valueKey === "text" ? "label" : "value"]).join() : ""), g?.name && K(t[g?.name]) && (t[g.name] = t[g.name].length ? t[g.name].map((R) => R[g.valueKey === "text" ? "label" : "value"]) : "")), t;
-    }, le = (t = !1, u) => {
-      (m.value || t) && e.onSearch?.(pe(), t ? u ? "reset" : "submit" : void 0);
-    }, A = (t, u, y) => {
-      const g = r[u.name || ""];
-      switch (u.valueType) {
+      marginRight: O.value
+    }, E = () => {
+      const t = Nt(i), s = e.formCols.find((S) => S.valueType === "text") || "", y = e.formCols.find((S) => S.valueType === "dateRange") || "", g = e.formCols.find((S) => S.valueType === "treeSelect");
+      return s && (t[s.name] = i[s.name] || s.initialValue || ""), y && (t[y.rangeStartName || "start"] = t[y.name] ? t[y.name][0] : "", t[y.rangeEndName || "end"] = t[y.name] ? t[y.name][1] : "", delete t[y.name]), g && (g?.name && J(i[g?.name]) && (t[g.name] = i[g.name].length ? i[g.name].map((S) => S[g.valueKey === "text" ? "label" : "value"]).join() : ""), g?.name && J(t[g?.name]) && (t[g.name] = t[g.name].length ? t[g.name].map((S) => S[g.valueKey === "text" ? "label" : "value"]) : "")), t;
+    }, W = (t = !1, s) => {
+      (b.value || t) && e.onSearch?.(E(), t ? s ? "reset" : "submit" : void 0);
+    }, Y = (t, s, y) => {
+      const g = i[s.name || ""];
+      switch (s.valueType) {
         case "text":
-          h(u.name || "", t || "");
+          h(s.name || "", t || "");
           break;
         case "number":
-          h(u.name || "", t || void 0);
+          h(s.name || "", t || void 0);
           break;
         case "numberRange":
-          De(y?.key) && g && (g[y.key] = t, h(u.name || "", g || []));
+          Ce(y?.key) && g && (g[y.key] = t, h(s.name || "", g || []));
           break;
         case "select":
-          h(u.name || "", t ?? void 0);
+          h(s.name || "", t ?? void 0);
           break;
         case "treeSelect":
-          h(u.name || "", t ?? (u.field?.treeCheckable || u.field?.multiple ? [] : null));
+          h(s.name || "", t ?? (s.field?.treeCheckable || s.field?.multiple ? [] : null));
           break;
         case "date":
-          h(u.name || "", t ? fe(t, Pe(u.valueFormat, u.showTime)) : null);
+          h(s.name || "", t ? me(t, Ae(s.valueFormat, s.showTime)) : null);
           break;
         case "dateWeek":
-          h(u.name || "", t ? fe(t, "YYYY-wo") : null);
+          h(s.name || "", t ? me(t, "YYYY-wo") : null);
           break;
         case "dateMonth":
-          h(u.name || "", t ? fe(t, "YYYY-MM") : null);
+          h(s.name || "", t ? me(t, "YYYY-MM") : null);
           break;
         case "dateQuarter":
-          h(u.name || "", t ? fe(t, "YYYY-QQ") : null);
+          h(s.name || "", t ? me(t, "YYYY-QQ") : null);
           break;
         case "dateYear":
-          h(u.name || "", t ? fe(t, "YYYY") : null);
+          h(s.name || "", t ? me(t, "YYYY") : null);
           break;
         case "dateRange":
-          h(u.name || "", t && K(t) && t.length === 2 ? rt(t, Pe(u.valueFormat, u.showTime)) : null);
+          h(s.name || "", t && J(t) && t.length === 2 ? gt(t, Ae(s.valueFormat, s.showTime)) : null);
           break;
         case "time":
-          h(u.name || "", t ? fe(t, u.valueFormat || "HH:mm:ss") : null);
+          h(s.name || "", t ? me(t, s.valueFormat || "HH:mm:ss") : null);
           break;
       }
-      u.valueType === "treeSelect" || u.valueType, le();
-    }, me = (t = !0) => {
-      B(), le(!0, t);
+      s.valueType === "treeSelect" || s.valueType, W();
+    }, M = (t = !0) => {
+      w(), W(!0, t);
     };
     l({
-      getFormSearch: () => pe(),
-      resetForm: me
+      getFormSearch: () => E(),
+      resetForm: M
     });
-    const Y = () => {
-      const t = i?.emptyText?.value;
+    const ee = () => {
+      const t = r?.emptyText?.value;
       if (t) {
-        const u = _(t), y = u ? st(t) : mt(t || []);
-        return s("div", {
-          class: ae(`${e.prefixCls}-search-empty-text`, o.value)
-        }, [u ? y : K(y) ? y.map((g) => Qe(g)) : void 0]);
+        const s = le(t), y = s ? bt(t) : Tt(t || []);
+        return d("div", {
+          class: D(`${e.prefixCls}-search-empty-text`, o.value)
+        }, [s ? y : J(y) ? y.map((g) => tt(g)) : void 0]);
       }
-    }, G = () => (!m.value || x.value) && s(ot, null, {
-      default: () => [x.value && s(ut, {
-        onClick: () => me()
-      }, {
-        default: () => [F.value?.resetText || "重置"]
-      }), !m.value && s(ut, {
-        loading: e.loading,
-        type: "primary",
-        onClick: () => le(!0)
-      }, {
-        default: () => [F.value?.searchText || "查询"]
-      })]
-    }), U = ({
-      formItemStyle: t,
-      collapsed: u,
-      collapseRender: y = !0
-    }) => s("div", {
-      style: t,
-      class: `${e.prefixCls}-search-collapse-buttons ${o.value}`
-    }, [s(ot, {
-      size: 16
+    }, se = () => (!b.value || N.value) && d("div", {
+      class: D(`${e.prefixCls}-search-buttons ${o.value}`, m.value?.searchButtons),
+      style: C.value?.searchButtons
+    }, [N.value && d(mt, {
+      key: "reset",
+      onClick: () => M()
+    }, {
+      default: () => [$.value?.resetText || "重置"]
+    }), !b.value && d(mt, {
+      key: "submit",
+      loading: e.loading,
+      type: "primary",
+      onClick: () => W(!0)
     }, {
-      default: () => [G(), p.value?.collapseRender !== !1 && y && s(Ye, null, [typeof p.value?.collapseRender == "function" ? p.value?.collapseRender(u) : s("span", {
-        class: `${e.prefixCls}-a ${o.value}`,
-        onClick: () => te(!u)
-      }, [u ? "收起" : "展开", u ? s(Lt, null, null) : s(Et, null, null)])])]
-    })]);
-    function ne(t) {
-      return t === void 0 ? void 0 : t ? s(Ct, {
+      default: () => [$.value?.searchText || "查询"]
+    })]), re = ({
+      formItemStyle: t = {},
+      collapsed: s,
+      collapseRender: y = !0
+    }) => d("div", {
+      style: {
+        ...t,
+        ...C.value?.searchControl
+      },
+      class: D(`${e.prefixCls}-search-control ${o.value}`, m.value?.searchControl)
+    }, [d("div", {
+      class: D(`${e.prefixCls}-search-control-content ${o.value}`, m.value?.searchContent)
+    }, [se(), f.value?.collapseRender !== !1 && y && d(we, null, [typeof f.value?.collapseRender == "function" ? f.value?.collapseRender(s) : d("span", {
+      class: D(`${e.prefixCls}-search-control-text ${o.value}`, m.value?.searchText),
+      style: C.value?.searchText,
+      onClick: () => A(!s)
+    }, [s ? "收起" : "展开", s ? d(Zt, null, null) : d(el, null, null)])])])]);
+    function be(t) {
+      return t === void 0 ? void 0 : t ? d(At, {
         size: "small",
-        indicator: i?.indicator?.value
-      }, null) : Y();
+        indicator: r?.indicator?.value
+      }, null) : ee();
     }
-    function be(t, u) {
-      return s(Cl, W(t.request, {
+    function de(t, s) {
+      return d(Hl, Q(t.request, {
         loading: t.loading,
-        notFoundContent: ne
-      }), Tl(u) ? u : {
-        default: () => [u]
+        notFoundContent: be
+      }), Ml(s) ? s : {
+        default: () => [s]
       });
     }
-    const J = (t) => {
-      let u;
-      const y = m.value ? Ne.Search : Ne, g = Ie(t.field || {}, "rules");
-      let R = null;
+    const Re = (t) => {
+      let s;
+      const y = b.value ? We.Search : We, g = ze(t.field || {}, "rules");
+      let S = null;
       switch (t.valueType) {
         case "text":
-          u = s(y, W({
+          s = d(y, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name],
+            value: i[t.name],
             placeholder: t.placeholder || "请输入",
             allowClear: t.allowClear ?? !0,
-            onChange: (c) => A(c.target.value, t),
-            onSearch: (c) => le()
+            onChange: (c) => Y(c.target.value, t),
+            onSearch: (c) => W()
           }, g), null);
           break;
         case "number":
-          u = s(Ke, W({
+          s = d(Qe, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name],
+            value: i[t.name],
             placeholder: t.placeholder || "请输入",
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "numberRange":
-          u = s(Ne.Group, {
+          s = d(We.Group, {
             compact: !0,
-            class: ae(o.value, `${e.prefixCls}-search-input-compact`)
+            class: D(o.value, `${e.prefixCls}-search-input-compact`)
           }, {
-            default: () => [s(Ke, {
-              value: r[t.name]?.[0],
-              onChange: (c) => A(c, t, {
+            default: () => [d(Qe, {
+              value: i[t.name]?.[0],
+              onChange: (c) => Y(c, t, {
                 key: 0
               }),
-              placeholder: K(t.placeholder) && t.placeholder?.[0] || "请输入"
-            }, null), s(Ne, {
+              placeholder: J(t.placeholder) && t.placeholder?.[0] || "请输入"
+            }, null), d(We, {
               disabled: !0,
               placeholder: "~"
-            }, null), s(Ke, {
-              value: r[t.name]?.[1],
-              onChange: (c) => A(c, t, {
+            }, null), d(Qe, {
+              value: i[t.name]?.[1],
+              onChange: (c) => Y(c, t, {
                 key: 1
               }),
-              placeholder: K(t.placeholder) && t.placeholder?.[1] || "请输入"
+              placeholder: J(t.placeholder) && t.placeholder?.[1] || "请输入"
             }, null)]
           });
           break;
         case "select":
-          R = s(cl, W({
+          S = d(Il, Q({
             style: {
               width: "100%"
             },
-            value: t.loading ? void 0 : r[t.name],
+            value: t.loading ? void 0 : i[t.name],
             optionFilterProp: "label",
             placeholder: t.placeholder || "请选择",
             showSearch: t.showSearch,
             allowClear: t.allowClear ?? !0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
-            notFoundContent: ne(t.loading),
-            onChange: (c) => A(c, t),
+            notFoundContent: be(t.loading),
+            onChange: (c) => Y(c, t),
             options: t.loading ? [] : t?.valueEnum || []
           }, g), null);
           break;
         case "treeSelect":
-          R = s(sl, W({
+          S = d(Fl, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name],
+            value: i[t.name],
             placeholder: t.placeholder || "请选择",
             allowClear: t.allowClear ?? !0,
             treeData: t.loading ? [] : t.valueEnum || [],
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
-            notFoundContent: ne(t.loading),
-            onChange: (c) => A(c, t)
+            notFoundContent: be(t.loading),
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "date":
-          u = s(yt, W({
+          s = d(It, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name] ? V(r[t.name]) : void 0,
+            value: i[t.name] ? Z(i[t.name]) : void 0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
             placeholder: t.placeholder || "请选择",
             allowClear: t.allowClear ?? !0,
-            format: Pe(t.valueFormat, t.showTime),
+            format: Ae(t.valueFormat, t.showTime),
             showTime: t.showTime,
             showToday: t.showToday || !0,
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "dateWeek":
-          u = s(Fl, W({
+          s = d(Vl, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name] ? V(r[t.name], t.valueFormat || "YYYY-wo") : void 0,
+            value: i[t.name] ? Z(i[t.name], t.valueFormat || "YYYY-wo") : void 0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
             allowClear: t.allowClear ?? !0,
             placeholder: t.placeholder || "请选择",
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "dateMonth":
-          u = s(Rl, W({
+          s = d(ql, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name] ? V(r[t.name], t.valueFormat || "YYYY-MM") : void 0,
+            value: i[t.name] ? Z(i[t.name], t.valueFormat || "YYYY-MM") : void 0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
             allowClear: t.allowClear ?? !0,
             placeholder: t.placeholder || "请选择",
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "dateQuarter":
-          u = s(Dl, W({
+          s = d(Xl, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name] ? V(r[t.name], t.valueFormat || "YYYY-QQ") : void 0,
+            value: i[t.name] ? Z(i[t.name], t.valueFormat || "YYYY-QQ") : void 0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
             allowClear: t.allowClear ?? !0,
             placeholder: t.placeholder || "请选择",
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "dateYear":
-          u = s(Pl, W({
+          s = d(kl, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name] ? V(r[t.name], t.valueFormat || "YYYY") : void 0,
+            value: i[t.name] ? Z(i[t.name], t.valueFormat || "YYYY") : void 0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
             allowClear: t.allowClear ?? !0,
             placeholder: t.placeholder || "请选择",
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "dateRange":
-          u = s($l, W({
+          s = d(Kl, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name] && K(r[t.name]) && r[t.name]?.length === 2 ? rt(r[t.name], Pe(t.valueFormat, t.showTime), "dayjs") : void 0,
+            value: i[t.name] && J(i[t.name]) && i[t.name]?.length === 2 ? gt(i[t.name], Ae(t.valueFormat, t.showTime), "dayjs") : void 0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
             placeholder: t.placeholder || ["开始日期", "结束日期"],
-            format: Pe(t.valueFormat, t.showTime),
+            format: Ae(t.valueFormat, t.showTime),
             showTime: t.showTime,
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
         case "time":
-          u = s(rl, W({
+          s = d(Pl, Q({
             style: {
               width: "100%"
             },
-            value: r[t.name] ? V(r[t.name], t.valueFormat || "HH:mm:ss") : void 0,
+            value: i[t.name] ? Z(i[t.name], t.valueFormat || "HH:mm:ss") : void 0,
             getPopupContainer: (c) => c && c.parentNode ? c.parentNode : c,
             placeholder: t.placeholder || "请选择",
             allowClear: t.allowClear || t.allowClear === !1 ? t.allowClear : !0,
             use12Hours: t.use12Hours,
             format: t.valueFormat || "HH:mm:ss",
-            onChange: (c) => A(c, t)
+            onChange: (c) => Y(c, t)
           }, g), null);
           break;
       }
-      return t.valueType && ["select", "treeSelect"].includes(t.valueType) && (u = t.request ? be(t, R) : R), u;
-    }, q = ({
+      return t.valueType && ["select", "treeSelect"].includes(t.valueType) && (s = t.request ? de(t, S) : S), s;
+    }, oe = ({
       formItemStyle: t = {},
-      item: u
+      item: s
     }) => {
-      const y = _(u) ? u.props?.label : u.label, g = (_(u) ? u.props?.labelWidth : u.labelWidth) || j.value?.width, R = (_(u) ? u.props?.labelAlign : u.labelAlign) || j.value?.align;
-      return s("div", {
-        class: `${e.prefixCls}-search-item`,
+      const y = le(s) ? s.props?.label : s.label, g = (le(s) ? s.props?.labelWidth : s.labelWidth) || K.value?.width, S = (le(s) ? s.props?.labelAlign : s.labelAlign) || K.value?.align;
+      return d("div", {
+        class: D(`${e.prefixCls}-search-item`, o.value, m.value?.searchItem),
         style: {
           ...t,
-          gap: j.value?.gap ? nt(j.value?.gap) : void 0
+          gap: K.value?.gap ? pe(K.value?.gap) : void 0,
+          ...C.value?.searchItem || {}
         }
-      }, [y && s("div", {
-        class: ae(`${e.prefixCls}-search-item-label`, j.value?.colon === !1 && `${e.prefixCls}-search-item-label-no-colon`, R && `${e.prefixCls}-search-item-label-${R}`),
+      }, [y && d("div", {
+        class: D(`${e.prefixCls}-search-item-label`, K.value?.colon === !1 && `${e.prefixCls}-search-item-label-no-colon`, S && `${e.prefixCls}-search-item-label-${S}`),
         style: {
-          width: g ? nt(g) : void 0
+          width: g ? pe(g) : void 0
         }
-      }, [y]), s("div", {
-        class: ae(`${e.prefixCls}-search-item-children`)
-      }, [_(u) ? u : J(u)])]);
-    }, se = () => {
-      let t = a.default?.() || [];
+      }, [y]), d("div", {
+        class: D(`${e.prefixCls}-search-item-children`)
+      }, [le(s) ? s : Re(s)])]);
+    }, Pe = () => {
+      let t = n.default?.() || [];
       t.length === 1 && t[0].type === "template" && (t = t[0]?.children || []);
-      const u = Il([...e.formCols, ...t.map((g) => ({
+      const s = _l([...e.formCols, ...t.map((g) => ({
         ...g,
         order: g.props?.order || void 0
       }))]), y = {
-        width: `${(100 - (b.value - 1) * 2) / b.value}%`
+        width: `calc((100% - (${L.value - 1} * ${O.value})) / ${L.value})`
       };
-      return u.map((g, R) => {
-        const c = $e(R, b.value, y);
-        return u.length < b.value || f.value ? s(Ye, null, [q({
+      return s.map((g, S) => {
+        const c = X(S, L.value, y);
+        return s.length < L.value || B.value ? d(we, null, [oe({
           formItemStyle: c,
           item: g
-        }), R === u.length - 1 && U({
+        }), S === s.length - 1 && re({
           formItemStyle: {
             flex: 1,
             justifyContent: "flex-end"
           },
-          collapsed: f.value,
-          collapseRender: !!f.value
-        })]) : s(Ye, null, [R < b.value - 1 && q({
+          collapsed: B.value,
+          collapseRender: !!B.value
+        })]) : d(we, null, [S < L.value - 1 && oe({
           formItemStyle: c,
           item: g
-        }), R === b.value - 1 && (b.value - 1 === 0 || u.length === b.value) && q({
+        }), S === L.value - 1 && (L.value - 1 === 0 || s.length === L.value) && oe({
           formItemStyle: c,
           item: g
-        }), R === b.value - 1 && u.length >= b.value && U({
+        }), S === L.value - 1 && s.length >= L.value && re({
           formItemStyle: {
             flex: 1,
             justifyContent: "flex-end"
           },
           collapsed: !1,
-          collapseRender: u.length !== b.value
+          collapseRender: s.length !== L.value
         })]);
       });
     };
     return () => {
       const t = e.cardBordered && `${e.prefixCls}-search-border`;
-      return n(s("div", {
-        class: ae(o.value, `${e.prefixCls}-search`, t, o.value, p.value?.className)
-      }, [se()]));
+      return a(d("div", {
+        class: D(m.value?.search, o.value, `${e.prefixCls}-search`, t, o.value, f.value?.className),
+        style: C.value?.search
+      }, [Pe()]));
+    };
+  }
+}), { useInjectContext: Ot, provideContext: Ul } = zt("scrollbar"), Te = 4, Jl = {
+  vertical: {
+    offset: "offsetHeight",
+    scroll: "scrollTop",
+    scrollSize: "scrollHeight",
+    size: "height",
+    key: "vertical",
+    axis: "Y",
+    client: "clientY",
+    direction: "top"
+  },
+  horizontal: {
+    offset: "offsetWidth",
+    scroll: "scrollLeft",
+    scrollSize: "scrollWidth",
+    size: "width",
+    key: "horizontal",
+    axis: "X",
+    client: "clientX",
+    direction: "left"
+  }
+}, Zl = ({ move: e, size: n, bar: l }) => ({
+  [l.size]: n,
+  transform: `translate${l.axis}(${e}%)`
+}), ea = {
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: !0
+  },
+  always: Boolean,
+  barStyle: {
+    type: [Object],
+    default: () => ({})
+  }
+}, et = /* @__PURE__ */ ge({
+  props: ea,
+  setup(e) {
+    const {
+      tableHeaderHeight: n,
+      hashId: l,
+      wrapElement: a,
+      scrollbarElement: o,
+      className: r
+    } = Ot(), u = x(), b = x(), f = x({}), $ = x(!1);
+    let v = !1, C = !1, m = 0, i = 0, w = xl ? document.onselectstart : null;
+    const h = T(() => Jl[e.vertical ? "vertical" : "horizontal"]), O = T(() => Zl({
+      size: e.size,
+      move: e.move,
+      bar: h.value
+    })), I = T(() => (
+      // offsetRatioX = original width of thumb / current width of thumb / ratioX
+      // offsetRatioY = original height of thumb / current height of thumb / ratioY
+      // instance height = wrap height - GAP
+      u.value[h.value.offset] ** 2 / a.value[h.value.scrollSize] / e.ratio / b.value[h.value.offset]
+    )), B = (E) => {
+      if (E.stopPropagation(), E.ctrlKey || [1, 2].includes(E.button)) return;
+      window.getSelection()?.removeAllRanges(), L(E);
+      const W = E.currentTarget;
+      W && (f.value[h.value.axis] = W[h.value.offset] - (E[h.value.client] - W.getBoundingClientRect()[h.value.direction]));
+    }, N = (E) => {
+      if (!b.value || !u.value || !a.value) return;
+      const W = Math.abs(E.target.getBoundingClientRect()[h.value.direction] - E[h.value.client]), Y = b.value[h.value.offset] / 2, M = (W - Y) * 100 * I.value / u.value[h.value.offset];
+      a.value[h.value.scroll] = M * a.value[h.value.scrollSize] / 100;
+    };
+    function L(E) {
+      a.value && (E.stopImmediatePropagation(), v = !0, m = a.value.scrollHeight, i = a.value.scrollWidth, document.addEventListener("mousemove", K), document.addEventListener("mouseup", k), w = document.onselectstart, document.onselectstart = () => !1);
+    }
+    function K(E) {
+      if (!a.value || !u.value || !b.value || v === !1) return;
+      const W = f.value[h.value.axis];
+      if (!W) return;
+      const Y = (u.value.getBoundingClientRect()[h.value.direction] - E[h.value.client]) * -1, M = b.value[h.value.offset] - W, ee = (Y - M) * 100 * I.value / u.value[h.value.offset];
+      h.value.scroll === "scrollLeft" ? a.value[h.value.scroll] = ee * i / 100 : a.value[h.value.scroll] = ee * m / 100;
+    }
+    function k() {
+      v = !1, f.value[h.value.axis] = 0, document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", k), X(), C && ($.value = !1);
+    }
+    const H = () => {
+      C = !1, $.value = !!e.size;
+    }, A = () => {
+      C = !0, $.value = v;
+    };
+    Gt(() => {
+      X(), document.removeEventListener("mouseup", k);
+    });
+    function X() {
+      document.onselectstart !== w && (document.onselectstart = w);
+    }
+    return vt(o, "mousemove", H), vt(o, "mouseleave", A), () => {
+      const E = h.value.key === "vertical" ? {
+        height: `calc(100% - ${pe(n.value + 1)})`,
+        top: pe(n.value + 1)
+      } : {};
+      return d("div", {
+        ref: u,
+        style: {
+          ...e.barStyle,
+          ...E
+        },
+        class: [`${r}-bar`, "is-" + h.value.key, l.value],
+        onMousedown: N
+      }, [d("div", {
+        ref: b,
+        class: `${r}-thumb ${l.value}`,
+        style: O.value,
+        onMousedown: B
+      }, null)]);
+    };
+  }
+});
+et.inheritAttrs = !1;
+const ta = {
+  always: {
+    type: Boolean,
+    default: !0
+  },
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description style of bar
+   */
+  barStyle: {
+    type: [Object],
+    default: () => ({})
+  }
+}, la = /* @__PURE__ */ ge({
+  inheritAttrs: !1,
+  props: ta,
+  setup(e, {
+    expose: n
+  }) {
+    const l = Ot(), a = x(0), o = x(0), r = x(""), u = x(""), b = x(1), f = x(1), $ = (C) => {
+      if (C) {
+        const m = C.offsetHeight - Te, i = C.offsetWidth - Te;
+        o.value = C.scrollTop * 100 / m * b.value, a.value = C.scrollLeft * 100 / i * f.value;
+      }
+    }, v = () => {
+      const C = l?.wrapElement;
+      if (!C?.value) return;
+      const m = C.value.offsetHeight - Te, i = C.value.offsetWidth - Te, w = m ** 2 / C.value.scrollHeight, h = i ** 2 / C.value.scrollWidth, O = Math.max(w, e.minSize), I = Math.max(h, e.minSize);
+      b.value = w / (m - w) / (O / (m - O)), f.value = h / (i - h) / (I / (i - I)), u.value = O + Te < m ? `${O}px` : "", r.value = I + Te < i ? `${I}px` : "";
     };
+    return at(() => {
+      nt(() => {
+        v();
+      });
+    }), n({
+      update: v,
+      handleScroll: $
+    }), () => d(we, null, [d(et, {
+      move: a.value,
+      barStyle: e.barStyle.x,
+      ratio: f.value,
+      size: r.value,
+      always: e.always
+    }, null), d(et, {
+      move: o.value,
+      barStyle: e.barStyle.y,
+      ratio: b.value,
+      size: u.value,
+      vertical: !0,
+      always: e.always
+    }, null)]);
   }
-}), Ol = (e) => ({
+}), aa = (e) => ({
   [`${e.componentCls}`]: {
     lineHeight: 1,
+    "&-with-after": {
+      paddingBottom: e.margin
+    },
     "&-container": {
       display: "flex",
       alignItems: "center",
@@ -938,7 +1164,7 @@ const Bl = {
       display: "flex",
       flexWrap: "wrap",
       justifyContent: "flex-end",
-      gap: e.marginXS,
+      gap: e.marginSM,
       [`${e.componentCls}-actions`]: {
         display: "flex",
         alignItems: "center",
@@ -947,7 +1173,7 @@ const Bl = {
     },
     "&-setting-items": {
       display: "flex",
-      gap: e.marginXS,
+      gap: e.marginSM,
       lineHeight: "32px",
       alignItems: "center"
     },
@@ -962,467 +1188,480 @@ const Bl = {
     }
   }
 });
-function jl(e) {
-  if (_(e))
+function na(e) {
+  if (le(e))
     return e;
   if (e) {
-    const a = e, {
+    const n = e, {
       icon: l,
-      tooltip: n,
+      tooltip: a,
       onClick: o,
-      key: i
-    } = a;
-    return l && n ? s(Te, {
-      title: n,
-      key: i
+      key: r
+    } = n;
+    return l && a ? d($e, {
+      title: a,
+      key: r
     }, {
-      default: () => [s("span", {
-        key: i,
+      default: () => [d("span", {
+        key: r,
         onClick: () => {
-          o && o(i);
+          o && o(r);
         }
       }, [l])]
     }) : l;
   }
   return null;
 }
-const Tt = /* @__PURE__ */ we({
+const Et = /* @__PURE__ */ ge({
   props: {
     actions: [Array],
     settings: [Array],
     prefixCls: String,
-    headerTitle: ge.headerTitle,
-    headerTitleTip: ge.headerTitleTip,
-    titleTipText: ge.titleTipText,
+    headerTitle: he.headerTitle,
+    listToolAfter: he.listToolAfter,
+    headerTitleTip: he.headerTitleTip,
+    titleTipText: he.titleTipText,
     actionsPlacement: String
   },
   setup(e) {
     const {
-      wrapSSR: a,
+      wrapSSR: n,
       hashId: l
-    } = Je("ListToolBar", [Ol], e.prefixCls), n = ft(), {
-      isMobile: o
-    } = Ze(), i = C(() => !!(e.headerTitleTip || e.headerTitle)), d = Fe(() => {
+    } = it("ListToolBar", [aa], e.prefixCls), a = x(), {
+      height: o
+    } = Tl(a), r = ot(), {
+      isMobile: u,
+      tableListToolsHeight: b,
+      classNames: f,
+      styles: $
+    } = st();
+    pt(() => {
+      b.value = o.value || 0;
+    });
+    const v = T(() => !!(e.headerTitleTip || e.headerTitle)), C = Ne(() => {
       if (!Array.isArray(e.actions) || e.actions?.length < 1)
         return {
           left: null,
           right: null
         };
-      const h = e.actions.filter((x) => _(x)).filter((x) => (x?.props?.placement || e.actionsPlacement) === "left"), f = e.actions.filter((x) => _(x)).filter((x) => (x?.props?.placement || e.actionsPlacement) === "right");
+      const I = e.actions.filter((N) => le(N)).filter((N) => (N?.props?.placement || e.actionsPlacement) === "left"), B = e.actions.filter((N) => le(N)).filter((N) => (N?.props?.placement || e.actionsPlacement) === "right");
       return {
-        left: h.length ? s("div", {
+        left: I.length ? d("div", {
           class: `${e.prefixCls}-actions ${l.value}`
-        }, [h]) : null,
-        right: f.length ? s("div", {
+        }, [I]) : null,
+        right: B.length ? d("div", {
           class: `${e.prefixCls}-actions ${l.value}`
-        }, [f]) : null
+        }, [B]) : null
       };
-    }, [() => e.actions, () => e.actionsPlacement]), m = C(() => !!(e.headerTitleTip || e.headerTitle || d.value.left)), p = C(() => !!(e.settings?.length || d.value.right)), F = Fe(() => {
-      if (!m.value && p.value)
-        return s("div", {
+    }, [() => e.actions, () => e.actionsPlacement]), m = T(() => !!(e.headerTitleTip || e.headerTitle || C.value.left)), i = T(() => !!(e.settings?.length || C.value.right)), w = Ne(() => {
+      if (!m.value && i.value)
+        return d("div", {
           class: `${e.prefixCls}-left ${l.value}`
         }, null);
-      const h = d.value.left;
-      return i.value ? s("div", {
-        class: `${e.prefixCls}-left ${l.value}`
-      }, [s("div", {
+      const I = C.value.left, B = D(`${e.prefixCls}-left ${l.value}`, f.value?.toolbarLeft), N = $.value?.toolbarLeft;
+      return v.value ? d("div", {
+        class: B,
+        style: N
+      }, [d("div", {
         class: `${e.prefixCls}-title ${l.value}`
-      }, [e.headerTitle, e.headerTitleTip && s(Te, {
+      }, [e.headerTitle, e.headerTitleTip && d($e, {
         title: e.titleTipText
       }, {
-        default: () => [Re(e.headerTitleTip) && e.headerTitleTip ? s(Mt, null, null) : e.headerTitleTip]
-      })]), h]) : s("div", {
-        class: `${e.prefixCls}-left ${l.value}`
-      }, [h]);
-    }, [() => m.value, () => p.value, () => i.value, () => e.prefixCls, () => e.headerTitle, () => e.titleTipText, () => e.headerTitleTip]), r = Fe(() => {
-      if (!p.value) return null;
-      const h = d.value.right;
-      return s("div", {
-        class: `${e.prefixCls}-right ${l.value}`,
+        default: () => [De(e.headerTitleTip) && e.headerTitleTip ? d(tl, null, null) : e.headerTitleTip]
+      })]), I]) : d("div", {
+        class: B,
+        style: N
+      }, [I]);
+    }, [() => m.value, () => i.value, () => v.value, () => e.prefixCls, () => e.headerTitle, () => e.titleTipText, () => e.headerTitleTip]), h = Ne(() => {
+      if (!i.value) return null;
+      const I = C.value.right;
+      return d("div", {
+        class: D(`${e.prefixCls}-right ${l.value}`, f.value?.toolbarRight),
         style: {
-          alignItems: n.value.lg ? "center" : "flex-end",
-          flexDirection: n.value.lg ? "row" : "column"
+          alignItems: r.value.lg ? "center" : "flex-end",
+          flexDirection: r.value.lg ? "row" : "column",
+          ...$.value?.toolbarRight || {}
         }
-      }, [h, e.settings?.length ? s("div", {
-        class: ae(`${e.prefixCls}-setting-items`, l.value)
-      }, [e.settings.map((f, x) => {
-        const b = jl(f);
-        return s("div", {
-          key: x,
-          class: ae(`${e.prefixCls}-setting-item`, l.value)
-        }, [b]);
+      }, [I, e.settings?.length ? d("div", {
+        class: D(`${e.prefixCls}-setting-items`, l.value)
+      }, [e.settings.map((B, N) => {
+        const L = na(B);
+        return d("div", {
+          key: N,
+          class: D(`${e.prefixCls}-setting-item`, l.value)
+        }, [L]);
       })]) : null]);
-    }, [() => n.value, () => p.value, () => e.prefixCls, () => i.value, () => d.value, () => e.settings]), B = Fe(() => {
-      if (!p.value && !m.value) return null;
-      const h = {
+    }, [() => r.value, () => i.value, () => e.prefixCls, () => v.value, () => C.value, () => e.settings]), O = Ne(() => {
+      if (!i.value && !m.value) return null;
+      const I = {
         [`${l.value}`]: !0,
         [`${e.prefixCls}-container`]: !0,
-        [`${e.prefixCls}-container-mobile`]: o.value
+        [`${e.prefixCls}-container-mobile`]: u.value
       };
-      return s("div", {
-        class: h
-      }, [F.value, r.value]);
-    }, [() => o.value, () => m.value, () => p.value, () => F.value, () => e.prefixCls, () => r.value]);
-    return () => a(s("div", {
-      class: `${e.prefixCls} ${l.value}`
-    }, [B.value]));
+      return d("div", {
+        class: I
+      }, [w.value, h.value]);
+    }, [() => u.value, () => m.value, () => i.value, () => w.value, () => e.prefixCls, () => h.value]);
+    return () => n(d("div", {
+      ref: a,
+      class: D(`${e.prefixCls} ${l.value}`, e.listToolAfter && `${e.prefixCls}-with-after`, f.value?.toolbar),
+      style: $.value?.toolbar
+    }, [O.value, e.listToolAfter && d("div", {
+      class: D(`${e.prefixCls}-after ${l.value}`, f.value?.toolbarAfter),
+      style: $.value?.toolbarAfter
+    }, [e.listToolAfter])]));
   }
 });
-Tt.inheritAttrs = !1;
-const wt = /* @__PURE__ */ we({
+Et.inheritAttrs = !1;
+const Lt = /* @__PURE__ */ ge({
   setup() {
     const {
       isFullscreen: e
-    } = bt();
-    return () => e.value ? s(Te, {
+    } = Ft();
+    return () => e.value ? d($e, {
       title: "退出全屏"
     }, {
-      default: () => [s(Wt, null, null)]
-    }) : s(Te, {
+      default: () => [d(ll, null, null)]
+    }) : d($e, {
       title: "全屏"
     }, {
-      default: () => [s(kt, null, null)]
+      default: () => [d(al, null, null)]
     });
   }
 });
-function Nl() {
+function oa() {
   return {
     reload: {
       text: "刷新",
-      icon: s(Ht, null, null)
+      icon: d(nl, null, null)
     },
     fullScreen: {
       text: "全屏",
-      icon: s(wt, null, null)
+      icon: d(Lt, null, null)
     }
   };
 }
-function Yl(e, a) {
-  return ht(e).filter((l) => l).map((l) => {
-    const n = e[l];
-    if (!n)
+function ia(e, n) {
+  return $t(e).filter((l) => l).map((l) => {
+    const a = e[l];
+    if (!a)
       return null;
-    let o = n === !0 ? a[l] : () => n?.();
+    let o = a === !0 ? n[l] : () => a?.();
     if (typeof o != "function" && (o = () => {
     }), l === "fullScreen")
-      return s("span", {
+      return d("span", {
         key: l,
         onClick: o
-      }, [s(wt, null, null)]);
-    const i = Nl()[l];
-    return i ? s("span", {
+      }, [d(Lt, null, null)]);
+    const r = oa()[l];
+    return r ? d("span", {
       key: l,
       onClick: o
-    }, [s(Te, {
-      title: i.text
+    }, [d($e, {
+      title: r.text
     }, {
-      default: () => [i.icon]
+      default: () => [r.icon]
     })]) : null;
   }).filter((l) => l);
 }
-const zl = {
+const sa = {
   options: [Boolean, Object, Array],
   actionsPlacement: [String],
+  headerTitle: [Function, Boolean, Object, Array, String],
+  listToolAfter: [Function, Boolean, Object, Array, String],
   headerTitleTip: [Function, Boolean, Object, String],
   titleTipText: [String],
-  actionsRender: [Array],
-  headerTitle: [Function, Boolean, Object, Array, String]
-}, Ll = /* @__PURE__ */ we({
-  props: zl,
+  actionsRender: [Array]
+}, ra = /* @__PURE__ */ ge({
+  props: sa,
   inheritAttrs: !1,
   setup(e) {
-    const a = vt({
+    const n = wt({
       suffixCls: "table-list-toolbar",
       isPor: !0
     }), {
       action: l
-    } = Ze(), n = Fe(() => e.options === !1 ? [] : Yl({
+    } = st(), a = Ne(() => e.options === !1 ? [] : ia({
       reload: () => l?.reload(),
       fullScreen: () => l?.toggle()
-    }, Q(e.options) ? e.options : {}), [() => e.options]);
+    }, ne(e.options) ? e.options : {}), [() => e.options]);
     return () => {
       const o = e.actionsRender || [];
-      return s(Tt, {
-        prefixCls: a,
+      return d(Et, {
+        prefixCls: n,
         actions: o,
         actionsPlacement: e.actionsPlacement,
-        settings: T(n),
+        settings: F(a),
         headerTitle: e.headerTitle,
+        listToolAfter: e.listToolAfter,
         headerTitleTip: e.headerTitleTip,
         titleTipText: e.titleTipText
       }, null);
     };
   }
 });
-function El(e) {
-  return Ot();
+function ua(e) {
+  return Qt();
 }
-function Ml(e, a = !0, l) {
-  El() ? ct(e, l) : a ? e() : At(e);
+function ca(e, n = !0, l) {
+  ua() ? yt(e, l) : n ? e() : nt(e);
 }
-function Wl({ scroll: e, columns: a, breakpoint: l, draggable: n, autoScroll: o, neverScroll: i }) {
-  const d = I([]);
-  z([
+function da({ scroll: e, columns: n, breakpoint: l, draggable: a, autoScroll: o, neverScroll: r }) {
+  const u = x([]);
+  q([
     () => e.value,
-    () => a.value,
-    () => l.value,
     () => n.value,
     () => l.value,
+    () => a.value,
+    () => l.value,
     () => o.value,
-    () => i.value
+    () => r.value
   ], () => {
-    const h = F(re(a.value));
-    Le(h, re(d.value)) || (d.value = ee(h));
+    const m = $(ce(n.value));
+    qe(m, ce(u.value)) || (u.value = ae(m));
   }, {
     deep: !0,
     immediate: !0
   });
-  const m = C(() => {
-    const h = p(T(d).filter((b) => b.fixed === "left")), f = p(T(d).filter((b) => b.fixed !== "left" && b.fixed !== "right")), x = p(T(d).filter((b) => b.fixed === "right"));
-    return [
-      ...h,
-      ...f,
-      ...x
-    ];
-  });
-  function p(h) {
-    return h.sort((f, x) => Xt(f, x, "order", 0));
+  const b = T(() => f(F(u)));
+  function f(m) {
+    return m.sort((i, w) => ul(i, w, "order", 0));
   }
-  function F(h) {
-    return ee(h).map((f, x) => {
-      if (f.dataIndex === "action" || x === h.length - 1 ? f.resizable = !1 : f.resizable = Re(f.resizable) ? f.resizable : !!(De(f.width) && T(n)), !f.width || T(i))
-        return f;
-      if (f.dataIndex === "action" && T(o))
-        if (T(e)?.x || !T(l))
-          f.width = f.width || 100, f.fixed = "right";
+  function $(m) {
+    return ae(m).map((i, w) => {
+      if (i.dataIndex === "action" || w === m.length - 1 ? i.resizable = !1 : i.resizable = De(i.resizable) ? i.resizable : !!(Ce(i.width) && F(a)), !i.width || F(r))
+        return i;
+      if (i.dataIndex === "action" && F(o))
+        if (F(e)?.x || !F(l))
+          i.width = i.width || 100, i.fixed = "right";
         else {
-          const b = T(a).find((j) => j.dataIndex === f.dataIndex);
-          f.width = b?.width || "", f.fixed = b?.fixed;
+          const h = F(n).find((O) => O.dataIndex === i.dataIndex);
+          i.width = h?.width || "", i.fixed = h?.fixed;
         }
-      return f;
+      return i;
     });
   }
-  function r(h, f) {
-    d.value = d.value.map((x) => (x.uuid === f.uuid && (x.width = h), x));
+  function v(m, i) {
+    u.value = u.value.map((w) => (w.uuid === i.uuid && (w.width = m), w));
   }
-  function B(h) {
-    if (h.length <= 0) {
-      d.value = [];
+  function C(m) {
+    if (m.length <= 0) {
+      u.value = [];
       return;
     }
-    Le(F(h), re(d.value)) || (d.value = F(h));
+    qe($(m), ce(u.value)) || (u.value = $(m));
   }
   return {
     breakpoint: l,
-    proColumns: m,
-    setColumns: B,
-    resizeColumnWidth: r
+    proColumns: b,
+    setColumns: C,
+    resizeColumnWidth: v
   };
 }
-function kl(e, a) {
-  const l = C(() => a), n = I(), o = I(e);
-  function i() {
-    n.value && (clearTimeout(n.value), n.value = null);
+function fa(e, n) {
+  const l = T(() => n), a = x(), o = x(e);
+  function r() {
+    a.value && (clearTimeout(a.value), a.value = null);
   }
-  async function d(...m) {
-    return l.value === 0 || l.value === void 0 ? o.value(...m) : (i(), new Promise(async (p) => {
-      m[0]?.immediate ? p(await o.value(...m)) : n.value = setTimeout(async () => {
-        p(await o.value(...m));
+  async function u(...b) {
+    return l.value === 0 || l.value === void 0 ? o.value(...b) : (r(), new Promise(async (f) => {
+      b[0]?.immediate ? f(await o.value(...b)) : a.value = setTimeout(async () => {
+        f(await o.value(...b));
       }, l.value);
     }));
   }
-  return Kt(i), {
-    cancel: i,
-    run: d
+  return il(r), {
+    cancel: r,
+    run: u
   };
 }
-function Hl(e) {
-  const a = C(() => e.rowKey), l = C(() => e.polling), n = C(() => e.debounceTime), o = C(() => e.dataSource), i = C(() => e.autoRequest);
+function va(e) {
+  const n = T(() => e.rowKey), l = T(() => e.polling), a = T(() => e.debounceTime), o = T(() => e.dataSource), r = T(() => e.autoRequest);
   return {
-    rowKey: a,
+    rowKey: n,
     polling: l,
     request: e.request,
     postData: e.postData,
-    debounceTime: n,
+    debounceTime: a,
     dataSource: o,
-    autoRequest: i
+    autoRequest: r
   };
 }
-function ql({ rowKey: e, autoRequest: a, polling: l, request: n, postData: o, dataSource: i, waitRequest: d, debounceTime: m }, { params: p, columns: F, setLoading: r, setColumns: B, removeRowKeys: h, syncSelectedRows: f, defaultFormSearch: x, setPagination: b, pageInfo: j, onRequestError: oe, onBeforeSearchSubmit: te, hasCustomRender: $e }, pe) {
-  const le = I(""), A = I(!1), me = I(!1), Y = I([]), G = I(), U = I(null), ne = ($ = !1) => {
-    (A.value || $) && r(!1), y(!1);
-  }, be = async ($ = {}) => {
-    const { pagination: N, filters: D = {}, sorter: k = {}, removeKeys: ue = [], isPolling: Z = !1, extra: ce } = $;
-    if (!n || !ze(n))
-      return i.value || [];
-    Z ? y(!0) : r(!0), N && b(N);
+function ma({ rowKey: e, autoRequest: n, polling: l, request: a, postData: o, dataSource: r, waitRequest: u, debounceTime: b }, { params: f, columns: $, setLoading: v, setColumns: C, removeRowKeys: m, syncSelectedRows: i, defaultFormSearch: w, setPagination: h, pageInfo: O, onRequestError: I, onBeforeSearchSubmit: B, hasCustomRender: N }, L) {
+  const K = x(""), k = x(!1), H = x(!1), A = x([]), X = x(), E = x(null), W = (t = !1) => {
+    (k.value || t) && v(!1), de(!1);
+  }, Y = async (t = {}) => {
+    const { pagination: s = {}, filters: y = {}, sorter: g = {}, removeKeys: S = [], isPolling: c = !1, extra: fe } = t;
+    if (!a || !Me(a))
+      return r.value || [];
+    c ? de(!0) : v(!0), s && h(s);
     try {
-      ue.length && h(ue);
-      const H = Q(k) ? Object.keys(k).length ? [k] : [] : k;
-      B(T(F).map((Ce) => {
-        const xe = H.find((ve) => (ve?.columnKey || ve?.field) === Ce.dataIndex);
+      S.length && m(S);
+      const U = ne(g) ? Object.keys(g).length ? [g] : [] : g;
+      C(F($).map((Se) => {
+        const xe = U.find((ie) => (ie?.columnKey || ie?.field) === Se.dataIndex);
         return {
-          ...Ce,
+          ...Se,
           sortOrder: xe?.order
         };
       }));
-      let ye = {
-        ...re(j),
-        current: Ut(re(j), ue.length),
-        ...T(x),
-        ...T(p),
-        ...$.params
+      let Fe = {
+        ...ce(O),
+        current: fl(ce(O), S.length),
+        ...F(w),
+        ...F(f),
+        ...t.params
       };
-      te && ze(te) && (ye = await te({
-        params: ye,
-        sorter: H,
-        filter: D,
-        extra: ce
+      B && Me(B) && (Fe = await B({
+        params: Fe,
+        sorter: U,
+        filter: y,
+        extra: fe
       }));
-      let de = [];
-      const Be = `table_request_${gt().uuid(10)}`;
-      le.value = Be;
-      const ie = await n?.({
-        params: ee(re(ye)),
-        sorter: H,
-        filter: D,
-        extra: ce
+      let ve = [];
+      const ue = `table_request_${Rt().uuid(10)}`;
+      K.value = ue;
+      const Ie = await a?.({
+        params: ae(ce(Fe)),
+        sorter: U,
+        filter: y,
+        extra: fe
       });
-      if (le.value !== Be)
+      if (K.value !== ue)
         return [];
-      if (ie) {
-        const { success: Ce = !0, data: xe = [] } = ie;
-        if (!Ce)
+      if (Ie) {
+        const { success: Se = !0, data: xe = [] } = Ie;
+        if (!Se)
           return [];
-        de = typeof o == "function" ? await o?.(xe) : xe, f(de);
-        const ve = ie.total || de?.length || 0;
-        ve !== j.total && b({
-          total: ve
+        ve = typeof o == "function" ? await o?.(xe) : xe, i(ve);
+        const ie = Ie.total || ve?.length || 0;
+        ie !== O.total && h({
+          total: ie
         });
-        const he = T(Y).map((Me) => Ie(Me, "sortIndex"));
-        return Le(de, he) ? T(Y) : (R(de), de);
+        const Ke = F(A).map((ke) => ze(ke, "sortIndex"));
+        return qe(ve, Ke) ? F(A) : (oe(ve), ve);
       } else
         return [];
-    } catch (H) {
-      if (oe === void 0)
-        throw new Error(H);
-      Y.value === void 0 && R([]), oe(H);
+    } catch (U) {
+      if (I === void 0)
+        throw new Error(U);
+      A.value === void 0 && oe([]), I(U);
     } finally {
-      ne(!0);
+      W(!0);
     }
     return [];
-  }, J = kl(async ($ = {}) => {
-    if (G.value && clearTimeout(G.value), !n)
+  }, M = fa(async (t = {}) => {
+    if (X.value && clearTimeout(X.value), !a)
       return;
-    const N = new AbortController();
-    U.value = N;
+    const s = new AbortController();
+    E.value = s;
     try {
-      const D = await Promise.race([
-        be($),
-        new Promise((ue, Z) => {
-          U.value?.signal?.addEventListener?.("abort", () => {
-            Z("aborted"), J.cancel(), ne();
+      const y = await Promise.race([
+        Y(t),
+        new Promise((S, c) => {
+          E.value?.signal?.addEventListener?.("abort", () => {
+            c("aborted"), M.cancel(), W();
           });
         })
       ]);
-      if (N.signal.aborted)
+      if (s.signal.aborted)
         return;
-      const k = _t(l.value, D);
-      return k && !A.value && (G.value = setTimeout(() => {
-        J.run({ ...$, isPolling: k });
-      }, Math.max(k, 2e3))), D;
-    } catch (D) {
-      if (D === "aborted")
+      const g = cl(l.value, y);
+      return g && !k.value && (X.value = setTimeout(() => {
+        M.run({ ...t, isPolling: g });
+      }, Math.max(g, 2e3))), y;
+    } catch (y) {
+      if (y === "aborted")
         return;
-      throw D;
+      throw y;
     }
-  }, m.value || 30), q = () => {
-    U.value?.abort(), J.cancel(), ne();
+  }, b.value || 30), ee = () => {
+    E.value?.abort(), M.cancel(), W();
   };
-  jt(() => {
-    A.value = !1;
-  }), ct(() => {
-    A.value = !1;
-  }), Nt(() => {
-    q(), A.value = !0, clearTimeout(G.value);
-  }), Yt(() => {
-    q(), A.value = !0, clearTimeout(G.value);
-  }), z(() => l.value, () => {
-    d.value || (l.value ? J.run({ isPolling: !0 }) : clearTimeout(G.value));
-  }, { immediate: !0 }), z(() => d.value, () => {
-    d.value ? r(!0) : J.run({ isPolling: !1 });
-  }, { immediate: !0 }), z(() => i.value, () => {
-    i.value && R(i.value || []);
-  }, { deep: !0, immediate: !0 }), z(() => p.value, () => {
-    d.value || a.value && (b({ current: 1 }), se());
-  }, { deep: !0, immediate: !0 }), z(() => x.value, ($, N) => {
-    d.value || Le($, N) || (b({ current: 1 }), se());
+  at(() => {
+    k.value = !1;
+  }), yt(() => {
+    k.value = !1;
+  }), Ct(() => {
+    ee(), k.value = !0, clearTimeout(X.value);
+  }), St(() => {
+    ee(), k.value = !0, clearTimeout(X.value);
+  }), q(() => l.value, () => {
+    u.value || (l.value ? M.run({ isPolling: !0 }) : clearTimeout(X.value));
+  }, { immediate: !0 }), q(() => u.value, () => {
+    u.value ? v(!0) : M.run({ isPolling: !1 });
+  }, { immediate: !0 }), q(() => r.value, () => {
+    r.value && oe(r.value || []);
+  }, { deep: !0, immediate: !0 }), q(() => f.value, () => {
+    u.value || n.value && (h({ current: 1 }), se());
+  }, { deep: !0, immediate: !0 }), q(() => w.value, (t, s) => {
+    u.value || qe(t, s) || (h({ current: 1 }), se());
   }, { deep: !0, immediate: !0 });
   function se() {
-    n ? l.value || (q(), J.run({ isPolling: !1 })) : R(i.value || []);
+    a ? l.value || (ee(), M.run({ isPolling: !1 })) : oe(r.value || []);
   }
-  const t = C(() => {
-    if ($e.value)
-      return T(Y);
-    const $ = F.value.filter((N) => N.show || N.show === void 0);
-    return !T(Y) || !$ || $.length === 0 ? [] : T(Y);
-  }), u = C(() => T(Y).some(($) => K($.children) && $.children.length > 0));
-  function y($) {
-    me.value = $;
+  const re = T(() => {
+    if (N.value)
+      return F(A);
+    const t = $.value.filter((s) => s.show || s.show === void 0);
+    return !F(A) || !t || t.length === 0 ? [] : F(A);
+  }), be = T(() => F(A).some((t) => J(t.children) && t.children.length > 0));
+  function de(t) {
+    H.value = t;
   }
-  function g($, N = {}, D = {}, k) {
-    q(), J.run({ pagination: $, filters: N, sorter: D, extra: k, isPolling: !1 });
+  function Re(t, s = {}, y = {}, g) {
+    ee(), M.run({ pagination: t, filters: s, sorter: y, extra: g, isPolling: !1 });
   }
-  function R($) {
-    const N = Qt(ee($), re(j));
-    if (Y.value = N, !n || !ze(n)) {
-      const D = N.length || 0;
-      D !== j.total && b({
-        total: D
+  function oe(t) {
+    const s = dl(ae(t), ce(O));
+    if (A.value = s, !a || !Me(a)) {
+      const y = s.length || 0;
+      y !== O.total && h({
+        total: y
       });
     }
   }
   return {
-    dataSource: t,
-    isTreeDataRef: u,
-    setTableDataList: R,
-    operateTableDataRow: ($) => {
-      const { key: N, row: D, value: k, type: ue = "update" } = $, Z = N ?? e.value, ce = D?.[Z] ?? k;
-      switch (!D && ue !== "delete" && console.warn("row is required"), ue) {
+    dataSource: re,
+    isTreeDataRef: be,
+    setTableDataList: oe,
+    operateTableDataRow: (t) => {
+      const { key: s, row: y, value: g, type: S = "update" } = t, c = s ?? e.value, fe = y?.[c] ?? g;
+      switch (!y && S !== "delete" && console.warn("row is required"), S) {
         case "update":
-          Z && ce && D && (Y.value = Y.value.map((H) => ce === H[Z] ? Se(H, D) : H));
+          c && fe && y && (A.value = A.value.map((U) => fe === U[c] ? ye(U, y) : U));
           break;
         case "push":
-          D && Y.value.push(D);
+          y && A.value.push(y);
           break;
         case "unshift":
-          D && Y.value.unshift(D);
+          y && A.value.unshift(y);
           break;
         case "delete":
-          Z && (Y.value = Y.value.filter((H) => k !== H[Z]));
+          c && (A.value = A.value.filter((U) => g !== U[c]));
           break;
       }
     },
-    handleTableChange: g,
-    run: async ($) => {
-      d.value || (n ? await J.run({ ...$, isPolling: !1 }) : pe("reload"));
+    handleTableChange: Re,
+    run: async (t) => {
+      u.value || (a ? await M.run({ ...t, isPolling: !1 }) : L("reload"));
     }
   };
 }
-function Kl(e) {
-  const a = I(l(e.loading.value));
-  z(() => e.loading.value, (o) => {
-    a.value = l(o, a.value);
+function ha(e) {
+  const n = x(l(e.loading.value));
+  q(() => e.loading.value, (o) => {
+    n.value = l(o, n.value);
   });
-  function l(o, i = !1) {
-    return Re(o) ? o : Q(o) ? o?.spinning ?? i : i;
+  function l(o, r = !1) {
+    return De(o) ? o : ne(o) ? o?.spinning ?? r : r;
   }
-  function n(o) {
-    a.value = o;
+  function a(o) {
+    n.value = o;
   }
-  return [a, n];
+  return [n, a];
 }
-const Ge = {
+const Ye = {
   current: 1,
   pageSize: 10,
   size: "default",
@@ -1430,879 +1669,1067 @@ const Ge = {
   showSizeChanger: !0,
   pageSizeOptions: ["10", "20", "50", "100"]
 };
-function Vl({
+function ga({
   pagination: e,
-  pageItemRender: a
+  pageItemRender: n
 }) {
-  const l = I({
-    ...Ge
-  }), n = Ue(Ee(Ge, ["current", "pageSize", "total"]));
-  z(() => e.value, () => {
+  const l = x({
+    ...Ye
+  }), a = lt({
+    current: Ye.current,
+    pageSize: Ye.pageSize,
+    total: 0
+  });
+  q(() => e.value, () => {
     if (e.value === !1) {
       l.value = !1;
       return;
     }
-    const i = ze(a) ? {
+    const r = Me(n) ? {
       itemRender: ({
-        page: m,
-        type: p,
-        originalElement: F
-      }) => a ? a({
-        page: m,
-        type: p,
-        originalElement: F
+        page: b,
+        type: f,
+        originalElement: $
+      }) => n ? n({
+        page: b,
+        type: f,
+        originalElement: $
       }) : null
-    } : null, d = {
-      ...Ge,
+    } : null, u = {
+      ...Ye,
       ...e.value || {},
-      ...i || {}
+      ...r || {}
     };
-    e.value?.showTotal || (d.showTotal = (m) => `共${m < d.pageSize ? 1 : Math.ceil(m / (d.pageSize || 10))}页 ${m}条记录`), l.value = d, Object.assign(n, Ee(d, ["current", "pageSize", "total"]));
+    e.value?.showTotal || (u.showTotal = (b) => `共${b < u.pageSize ? 1 : Math.ceil(b / (u.pageSize || 10))}页 ${b}条记录`), l.value = ae(u), vl(a, (b) => {
+      Ce(u[b]) && (a[b] = u[b]);
+    });
   }, {
     deep: 1,
     immediate: !0
   });
-  function o(i) {
-    if (Q(l.value) && Q(i)) {
-      const d = {};
-      Object.keys(i).forEach((m) => {
-        Object.prototype.hasOwnProperty.call(i, m) && l.value[m] === i[m] || (d[m] = i[m]);
-      }), Object.keys(d).length > 0 && (Object.assign(l.value, d), Gl(d) && Object.assign(n, d));
-    }
+  function o(r) {
+    l.value = ye(F(l), r);
+    for (const u in a)
+      r[u] && Ce(r[u]) && (a[u] = r[u]);
   }
   return {
     paginationInfo: l,
-    requestPagination: n,
+    requestPagination: a,
     setPagination: o
   };
 }
-function Gl(e) {
-  if (typeof e != "object" || e === null)
-    return !1;
-  const a = Object.keys(e);
-  return a.length === 2 && a.includes("pageNum") && a.includes("pageSize");
-}
-function Xl(e, a) {
-  const l = I([]), n = I([]);
-  z(() => a.value?.selectedRows, (r) => {
-    n.value = ee(r || []);
+function ba(e, n) {
+  const l = x([]), a = x([]);
+  q(() => n.value?.selectedRows, (v) => {
+    a.value = ae(v || []);
   }, {
     deep: !0,
     immediate: !0
-  }), z(() => a.value?.selectedRowKeys, (r) => {
-    l.value = Jt([...r || []]);
+  }), q(() => n.value?.selectedRowKeys, (v) => {
+    l.value = ml([...v || []]);
   }, {
     deep: !0,
     immediate: !0
   });
-  const o = (r, B) => {
-    const h = a.value?.type || "checkbox";
-    e.value && (B ? r?.[e.value] && h === "checkbox" ? (l.value.push(r[e.value]), n.value.push(r)) : (l.value = [r[e.value]], n.value = [r]) : (l.value = l.value.filter((f) => f !== r[e.value]), n.value = n.value.filter((f) => f[e.value] !== r[e.value])));
-  }, i = () => {
-    a.value && a.value?.onChange?.(l.value, n.value);
+  const o = (v, C) => {
+    const m = n.value?.type || "checkbox";
+    e.value && (C ? v?.[e.value] && m === "checkbox" ? (l.value.push(v[e.value]), a.value.push(v)) : (l.value = [v[e.value]], a.value = [v]) : (l.value = l.value.filter((i) => i !== v[e.value]), a.value = a.value.filter((i) => i[e.value] !== v[e.value])));
+  }, r = () => {
+    n.value && n.value?.onChange?.(l.value, a.value);
   };
   return {
     selectedKeys: l,
-    selectedItems: n,
+    selectedItems: a,
     selectRowKey: o,
-    selectAllRowKey: (r, B, h) => {
-      e.value && (r ? B.map((f) => (l.value.every((x) => x !== f?.[e.value]) && f?.[e.value] && (l.value.push(f[e.value]), n.value.push(f)), f)) : h.map((f) => (l.value.includes(f?.[e.value]) && (l.value = l.value.filter((x) => x !== f[e.value]), n.value = n.value.filter((x) => x[e.value] !== f[e.value])), f)));
+    selectAllRowKey: (v, C, m) => {
+      e.value && (v ? C.map((i) => (l.value.every((w) => w !== i?.[e.value]) && i?.[e.value] && (l.value.push(i[e.value]), a.value.push(i)), i)) : m.map((i) => (l.value.includes(i?.[e.value]) && (l.value = l.value.filter((w) => w !== i[e.value]), a.value = a.value.filter((w) => w[e.value] !== i[e.value])), i)));
     },
-    removeRowKeys: (r) => {
-      l.value = l.value.filter((B) => !r.includes(B)), n.value = n.value.filter((B) => !r.includes(B?.[e.value || ""])), i();
+    removeRowKeys: (v) => {
+      l.value = l.value.filter((C) => !v.includes(C)), a.value = a.value.filter((C) => !v.includes(C?.[e.value || ""])), r();
     },
-    changeRowKey: i,
-    syncSelectedRows: (r) => {
-      if (e.value && l.value.length !== n.value.length) {
-        const B = n.value.map((f) => f[e.value]), h = l.value.filter((f) => !B.includes(f));
-        r.forEach((f) => {
-          h.includes(f[e.value]) && n.value.push(ee(f));
+    changeRowKey: r,
+    syncSelectedRows: (v) => {
+      if (e.value && l.value.length !== a.value.length) {
+        const C = a.value.map((i) => i[e.value]), m = l.value.filter((i) => !C.includes(i));
+        v.forEach((i) => {
+          m.includes(i[e.value]) && a.value.push(ae(i));
         });
       }
     },
     clearAllRowKeys: () => {
-      l.value = [], n.value = [], i();
+      l.value = [], a.value = [], r();
     }
   };
 }
-function _l(e) {
-  const a = {};
+function pa(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
+}
+function ya(e, n, l, a) {
+  if (!n) return e;
+  let o = e;
+  if (ne(n)) {
+    const r = n.node === "a" ? "span" : n.node;
+    return d(r, Q(n?.attr || {}, {
+      class: n.class,
+      onClick: n.click
+    }), pa(e) ? e : {
+      default: () => [e]
+    });
+  }
+  switch (n) {
+    case "link":
+      o = d("span", {
+        class: [`${l}-a`, a]
+      }, [e]);
+      break;
+    case "time":
+      o = Z(e).format("HH:mm:ss");
+      break;
+    case "dateMonth":
+      o = `${Z(e).month() + 1}月`;
+      break;
+    case "date":
+      o = Z(e).format("YYYY-MM-DD");
+      break;
+    case "dateTime":
+      o = Z(e).format("YYYY-MM-DD HH:mm:ss");
+      break;
+  }
+  return o;
+}
+function Ca(e, n) {
+  const l = n && n.current || 1, a = n && n.pageSize || 10;
+  return e.filter((o, r) => r < l * a && r >= a * (l - 1));
+}
+function Sa(e) {
+  const n = document.createElement("textarea");
+  n.style.position = "absolute", n.style.opacity = "0", n.value = e, document.body.appendChild(n), n.select(), document.execCommand("copy"), document.body.removeChild(n);
+}
+function Be(e, n) {
+  let l = null, a = null;
+  function o() {
+    l && l.disconnect(), a && a.disconnect();
+  }
+  function r(f) {
+    f && (l = new ResizeObserver(() => {
+      n(f);
+    }), l.observe(f), n(f));
+  }
+  function u() {
+    return typeof e == "string" ? document.querySelector(e) : e();
+  }
+  const b = u();
+  return b ? (r(b), o) : (a = new MutationObserver(() => {
+    const f = u();
+    f && (a.disconnect(), r(f));
+  }), a.observe(document.body, {
+    childList: !0,
+    subtree: !0
+  }), o);
+}
+function xa({ fitPage: e, hashId: n, scroll: l, baseClassName: a }) {
+  const o = x(), r = x(), u = x(), b = x(), f = x(), $ = x(), v = x(0);
+  let C, m, i, w;
+  sl(() => {
+    C = Be(() => r.value?.querySelector(".ant-pagination"), (H) => {
+      H && (u.value = H);
+    }), i = Be(() => r.value?.querySelector(".ant-table-header"), (H) => {
+      H && (b.value = H);
+    }), w = Be(() => r.value?.querySelector(".ant-table-body>table"), (H) => {
+      H && ($.value = H);
+    });
+  }), q(() => l.value, (H) => {
+    m && m(), H.y ? m = Be(() => r.value?.querySelector(".ant-table-body"), (A) => {
+      A && (f.value = A);
+    }) : H.x && (m = Be(() => r.value?.querySelector(".ant-table-content"), (A) => {
+      A && (f.value = A);
+    }));
+  }, { immediate: !0 });
+  const { height: h } = He(r), { height: O } = He(b), { height: I } = He($), { height: B } = He(u), N = T(() => !r.value || !e.value ? 0 : h.value - O.value - v.value - B.value), L = T(() => N.value && e.value ? I.value <= N.value : !1);
+  q([
+    () => f.value,
+    () => N.value
+  ], () => {
+    f.value && e.value && f.value.setAttribute("style", `height: ${N.value}px;`);
+  }), wl(f, {
+    onScroll: () => {
+      f.value && o.value?.handleScroll(f.value);
+    }
+  });
+  const K = () => {
+    o.value?.update();
+  };
+  $l(f, K), at(() => {
+    nt(() => {
+      K();
+    });
+  }), Ut(() => K());
+  function k() {
+    C && C(), m && m(), i && i(), w && w();
+  }
+  return Ct(() => {
+    k();
+  }), St(() => {
+    k && k();
+  }), Ul({
+    className: `${a}-scroll`,
+    hashId: n,
+    tableHeaderHeight: O,
+    scrollbarElement: r,
+    wrapElement: f
+  }), {
+    barRef: o,
+    tableCardEl: r,
+    tableScrollEl: f,
+    tableOverHidden: L,
+    tableScrollYHeight: N,
+    tableListToolsHeight: v
+  };
+}
+function Ta(e) {
+  const n = {};
   return e.forEach((l) => {
-    let n = l.initialValue;
-    const o = ["select", "number"], i = ["date", "time", "dateRange"], d = ["treeSelect", "numberRange"];
-    l.valueType ? !n && o.includes(l.valueType) ? n = void 0 : !n && i.includes(l.valueType) ? n = null : !n && d.includes(l.valueType) ? n = [] : n || (n = "") : n || (n = ""), l.name === "dateRange" ? (a[l.rangeStartName || "start"] = n ? n[0] : null, a[l.rangeEndName || "end"] = n ? n[1] : null) : l.name && (a[l.name] = n);
-  }), a;
+    let a = l.initialValue;
+    const o = ["select", "number"], r = ["date", "time", "dateRange"], u = ["treeSelect", "numberRange"];
+    l.valueType ? !a && o.includes(l.valueType) ? a = void 0 : !a && r.includes(l.valueType) ? a = null : !a && u.includes(l.valueType) ? a = [] : a || (a = "") : a || (a = ""), l.name === "dateRange" ? (n[l.rangeStartName || "start"] = a ? a[0] : null, n[l.rangeEndName || "end"] = a ? a[1] : null) : l.name && (n[l.name] = a);
+  }), n;
 }
-function Ql({ searchMap: e, columns: a }) {
-  const l = I([]), n = I({});
-  function o(i) {
-    i.forEach((m) => {
-      l.value.some((p) => p.name === m.name) ? l.value = l.value.map((p) => p.name === m.name ? { ...p, ...m } : p) : l.value.push(m);
+function wa({ searchMap: e, columns: n }) {
+  const l = x([]), a = x({});
+  function o(r) {
+    r.forEach((b) => {
+      l.value.some((f) => f.name === b.name) ? l.value = l.value.map((f) => f.name === b.name ? { ...f, ...b } : f) : l.value.push(b);
     });
-    const d = _l(i);
-    n.value = { ...n.value, ...d };
+    const u = Ta(r);
+    a.value = { ...a.value, ...u };
   }
-  return z(() => e.value, () => {
-    const i = [];
-    e.value?.forEach((d) => i.push(d)), o(i);
-  }, { deep: !0, immediate: !0 }), z(() => a.value, () => {
-    const i = [];
-    a.value && a.value?.length && a.value.forEach((d) => {
-      d.searchConfig && i.push(d.searchConfig);
-    }), o(i);
-  }, { deep: !0, immediate: !0 }), { formCols: l, defaultFormSearch: n };
+  return q(() => e.value, () => {
+    const r = [];
+    e.value?.forEach((u) => r.push(u)), o(r);
+  }, { deep: !0, immediate: !0 }), q(() => n.value, () => {
+    const r = [];
+    n.value && n.value?.length && n.value.forEach((u) => {
+      u.searchConfig && r.push(u.searchConfig);
+    }), o(r);
+  }, { deep: !0, immediate: !0 }), { formCols: l, defaultFormSearch: a };
 }
-function Ul({ scroll: e, columns: a, autoScroll: l, modalScroll: n, neverScroll: o, rowSelection: i, screens: d, innerWidth: m, scrollBreakpoint: p }) {
-  const F = C(() => p.value ? De(p.value) ? m.value > p.value : pt(p.value) ? d.value?.[p.value] : d.value?.xl : d.value?.xl), r = C(() => {
-    let h = 0;
-    const f = T(i) ? 60 : 0, x = 150, b = ee(T(a));
-    b.forEach((te) => {
-      h += Number.parseInt(String(te.width)) || 0;
+function $a({ scroll: e, columns: n, autoScroll: l, modalScroll: a, neverScroll: o, rowSelection: r, screens: u, innerWidth: b, scrollBreakpoint: f }) {
+  const $ = T(() => f.value ? Ce(f.value) ? b.value > f.value : Pt(f.value) ? u.value?.[f.value] : u.value?.xl : u.value?.xl), v = T(() => {
+    let m = 0;
+    const i = F(r) ? 60 : 0, w = 150, h = ae(F(n));
+    h.forEach((B) => {
+      m += Number.parseInt(String(B.width)) || 0;
     });
-    const oe = b.filter((te) => !Reflect.has(te, "width")).length;
-    return oe !== 0 && (h += oe * x), f && (h += f), h;
+    const I = h.filter((B) => !Reflect.has(B, "width")).length;
+    return I !== 0 && (m += I * w), i && (m += i), m;
   });
-  return { proScroll: C(() => o.value ? {} : e.value && ht(e.value).length ? T(e) : n.value ? {
-    y: e.value?.y || (d.value?.xl ? 400 : 235)
-  } : l.value ? F.value ? {} : Re(F.value) ? { x: r.value } : {} : {}), breakpoint: F };
+  return { proScroll: T(() => o.value ? {} : e.value && $t(e.value).length ? F(e) : a.value ? {
+    y: e.value?.y || (u.value?.xl ? 400 : 235)
+  } : l.value ? $.value ? {} : De($.value) ? { x: v.value } : {} : {}), breakpoint: $ };
 }
-function Jl(e) {
-  const a = I(e.size.value || "middle");
-  z(() => e.size.value, (n) => a.value = n);
-  function l(n) {
-    a.value = n || a.value;
+function Ra(e) {
+  const n = x(e.size.value || "middle");
+  q(() => e.size.value, (a) => n.value = a);
+  function l(a) {
+    n.value = a || n.value;
   }
-  return [a, l];
+  return [n, l];
 }
-const Xe = (e) => ({
+const Pa = (e) => ({
+  [e.componentCls]: {
+    [`${e.componentCls}-list`]: {
+      clear: "both",
+      maxWidth: "100%",
+      [`${e.componentCls}-pagination${e.antCls}-pagination`]: {
+        marginTop: e.margin
+      },
+      [`${e.componentCls}-pagination`]: {
+        display: "flex",
+        flexWrap: "wrap",
+        rowGap: e.paddingXS,
+        "> *": {
+          flex: "none"
+        },
+        "&-left": {
+          justifyContent: "flex-start"
+        },
+        "&-center": {
+          justifyContent: "center"
+        },
+        "&-right": {
+          justifyContent: "flex-end"
+        }
+      }
+    }
+  }
+}), Je = () => ({
+  scrollbarWidth: "none",
   "&::-webkit-scrollbar": {
-    width: 4,
-    height: 4
-  },
-  "&::-webkit-scrollbar-thumb": {
-    backgroundColor: "rgba(144,147,153,0.3)",
-    borderRadius: e.borderRadiusSM
-  },
-  "&::-webkit-scrollbar-track": {
-    backgroundColor: "rgba(144,147,153,0.3)",
-    borderRadius: e.borderRadiusSM
+    width: 0,
+    height: 0
   }
-}), Zl = (e) => {
-  const a = `${e.antCls}-table`;
+}), Fa = (e) => {
+  const n = new ht(e.colorText).setAlpha(0.2).toRgbString(), l = new ht(e.colorText).setAlpha(0.4).toRgbString();
   return {
     [e.componentCls]: {
-      "&-header-after": {
-        marginBlockEnd: e.margin
-      },
-      "&-a": {
-        cursor: "pointer",
-        color: e.colorPrimary,
-        "&:hover": {
-          color: e.colorPrimaryHover
-        }
+      [`${e.antCls}-table-container`]: {
+        position: "relative"
       },
-      [`${a}`]: {
-        [`${a}-cell-ellipsis`]: {
-          overflow: "unset",
-          whiteSpace: "unset"
+      [`${e.componentCls}-scroll`]: {
+        "&-bar": {
+          position: "absolute",
+          right: 2,
+          bottom: 2,
+          zIndex: 9999,
+          borderRadius: e.borderRadius - 2,
+          "&.is-vertical": {
+            top: 2,
+            width: 6,
+            "& > div": {
+              width: "100%"
+            }
+          },
+          "&.is-horizontal": {
+            left: 2,
+            height: 6,
+            "& > div": {
+              height: "100%"
+            }
+          }
+        },
+        "&-thumb": {
+          position: "relative",
+          display: "block",
+          width: 0,
+          height: 0,
+          cursor: "pointer",
+          opacity: 1,
+          backgroundColor: n,
+          borderRadius: "inherit",
+          transition: ".3s background-color",
+          "&:hover": {
+            opacity: 1,
+            backgroundColor: l
+          }
         }
       },
-      "&-empty-text": {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      "&-table-tree": {
-        [`${e.antCls}-table-row-cell-ellipsis`]: {
+      [`${e.antCls}-table-content`]: Je(),
+      [`${e.antCls}-table-body`]: Je(),
+      [`${e.antCls}-table-empty`]: {
+        [`${e.antCls}-table-content`]: Je()
+      }
+    }
+  };
+}, Ia = (e) => {
+  const n = `${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`;
+  return {
+    [e.componentCls]: {
+      [`&${e.componentCls}-full-page`]: {
+        flex: 1,
+        height: "100%",
+        overflow: "hidden",
+        [`${e.componentCls}-content`]: {
+          display: "flex",
+          flexDirection: "column",
+          height: "100%",
           overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap",
-          [`${e.antCls}-table-column-title`]: {
+          [`${e.componentCls}-card`]: {
+            position: "relative",
+            flex: 1,
             overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
+            [`${e.componentCls}-overflow-hidden`]: {
+              [`${e.antCls}-table${e.antCls}-table-bordered>${e.antCls}-table-container`]: {
+                borderBlockEnd: n,
+                [`${e.antCls}-table-body`]: {
+                  borderInlineEnd: n
+                },
+                [`${e.antCls}-table-row`]: {
+                  [`${e.antCls}-table-cell`]: {
+                    "&:last-child": {
+                      borderRightWidth: 0
+                    }
+                  }
+                }
+              }
+            },
+            [`${e.componentCls}-list`]: {
+              overflow: "auto"
+            }
           }
         }
+      }
+    }
+  };
+}, Aa = (e) => ({
+  [e.componentCls]: {
+    [`${e.componentCls}-card`]: {
+      [`${e.antCls}-table-pagination${e.antCls}-pagination`]: {
+        margin: 0,
+        marginTop: e.margin
+      }
+    },
+    [`${e.antCls}-table`]: {
+      [`${e.antCls}-table-cell-ellipsis`]: {
+        overflow: "unset",
+        whiteSpace: "unset"
+      }
+    },
+    "&-empty-text": {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      marginBlock: e.marginXL
+    },
+    "&-table-tree": {
+      [`${e.antCls}-table-row-cell-ellipsis`]: {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        [`${e.antCls}-table-column-title`]: {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        }
+      }
+    },
+    "&-full-screen": {
+      [`${e.componentCls}-content`]: {
+        height: "100% !important",
+        padding: 24,
+        backgroundColor: e.colorWhite,
+        boxShadow: "0 4px 8px #0003, 0 6px 20px #00000030 !important"
+      }
+    },
+    "&-no-scroll": {
+      [`${e.antCls}-table`]: {
+        table: {
+          width: "100% !important",
+          minWidth: "unset"
+        }
       },
-      "&-full-screen": {
-        [`${e.componentCls}-content`]: {
-          height: "100% !important",
-          padding: 24,
-          backgroundColor: e.colorWhite,
-          boxShadow: "0 4px 8px #0003, 0 6px 20px #00000030 !important"
+      [`${e.antCls}-table-ping-right:not(${e.antCls}-table-has-fix-right)`]: {
+        [`${e.antCls}-table-container::after`]: {
+          boxShadow: "none"
         }
       },
-      "&-no-scroll": {
-        [`${e.antCls}-table`]: {
-          table: {
-            width: "100% !important",
-            minWidth: "unset"
-          }
-        },
-        [`${e.antCls}-table-ping-right:not(${e.antCls}-table-has-fix-right)`]: {
-          [`${e.antCls}-table-container::after`]: {
-            boxShadow: "none"
-          }
-        },
-        [`${e.antCls}-table-bordered ${e.antCls}-table-fixed-left ${e.antCls}-table-thead > tr > th`]: {
-          "&:last-child": {
-            borderRight: 0
-          }
-        },
-        [`${e.antCls}-table-bordered ${e.antCls}-table-fixed-left ${e.antCls}-table-tbody > tr > td`]: {
-          "&:last-child": {
-            borderRight: 0
-          }
+      [`${e.antCls}-table-bordered ${e.antCls}-table-fixed-left ${e.antCls}-table-thead > tr > th`]: {
+        "&:last-child": {
+          borderRight: 0
+        }
+      },
+      [`${e.antCls}-table-bordered ${e.antCls}-table-fixed-left ${e.antCls}-table-tbody > tr > td`]: {
+        "&:last-child": {
+          borderRight: 0
         }
+      }
+    },
+    "&-card-border": {
+      paddingInline: e.paddingMD,
+      paddingBlock: e.paddingMD,
+      border: `${e.lineWidth}px ${e.lineType} ${e.colorSplit}`,
+      borderRadius: e.borderRadiusLG,
+      backgroundColor: e.colorBgContainer,
+      [`${e.antCls}-table-wrapper ${e.antCls}-table-pagination${e.antCls}-pagination`]: {
+        marginBottom: 0
+      }
+    },
+    [`${e.componentCls}-copyable`]: {
+      display: "flex",
+      alignItems: "center",
+      [`${e.componentCls}-copyable-icon`]: {
+        marginLeft: 8,
+        color: e.colorPrimary,
+        cursor: "pointer"
+      }
+    },
+    [`${e.componentCls}-ellipsis`]: {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      display: "-webkit-box",
+      "-webkit-box-orient": "vertical",
+      "word-break": "break-word"
+    },
+    [`${e.componentCls}-action-size`]: {
+      display: "inline-block"
+    },
+    [`${e.componentCls}-action-columns`]: {
+      display: "inline-block",
+      [`${e.antCls}-popover-inner-content`]: {
+        padding: "8px 0 8px 16px"
+      },
+      [`${e.antCls}-tree ${e.antCls}-tree-switcher-noop`]: {
+        display: "none"
       },
-      "&-wrapper": {
-        clear: "both",
-        maxWidth: "100%",
-        [`${e.componentCls}-pagination${e.antCls}-pagination`]: {
-          margin: `${e.margin}px 0`
+      [`${e.antCls}-tree > ${e.antCls}-tree-treenode`]: {
+        width: "100%",
+        alignItems: "center",
+        "&:first-child": {
+          paddingTop: 0
         },
-        [`${e.componentCls}-pagination`]: {
-          display: "flex",
-          flexWrap: "wrap",
-          rowGap: e.paddingXS,
-          "> *": {
-            flex: "none"
-          },
-          "&-left": {
-            justifyContent: "flex-start"
-          },
-          "&-center": {
-            justifyContent: "center"
-          },
-          "&-right": {
-            justifyContent: "flex-end"
+        "&:last-child": {
+          paddingBottom: 4
+        },
+        "&:hover": {
+          backgroundColor: "#e6f7ff",
+          [`${e.componentCls}-action-columns-list-item-actions`]: {
+            display: "block"
           }
         }
       },
-      "&-card-border": {
-        paddingInline: e.paddingMD,
-        paddingBlock: e.paddingMD,
-        border: `${e.lineWidth}px ${e.lineType} ${e.colorSplit}`,
-        borderRadius: e.borderRadiusLG,
-        backgroundColor: e.colorBgContainer,
-        [`${e.antCls}-table-wrapper ${e.antCls}-table-pagination${e.antCls}-pagination`]: {
-          marginBottom: 0
+      [`${e.antCls}-tree  ${e.antCls}-tree-node-content-wrapper`]: {
+        flex: "1",
+        "&:hover": {
+          backgroundColor: "transparent"
         }
       },
-      [`${e.componentCls}-copyable`]: {
+      "&-popover-title": {
         display: "flex",
         alignItems: "center",
-        [`${e.componentCls}-copyable-icon`]: {
-          marginLeft: 8,
-          color: e.colorPrimary,
-          cursor: "pointer"
+        justifyContent: "space-between",
+        "&-check": {
+          marginRight: 8
+        },
+        [`${e.antCls}-btn-sm`]: {
+          padding: 0
         }
       },
-      [`${e.componentCls}-ellipsis`]: {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        display: "-webkit-box",
-        "-webkit-box-orient": "vertical",
-        "word-break": "break-word"
-      },
-      [`${e.componentCls}-action-size`]: {
-        display: "inline-block"
+      "&-list-group": {
+        marginTop: 6,
+        marginBottom: 6,
+        fontSize: 12,
+        color: "rgba(0, 0, 0, 0.45)"
       },
-      [`${e.componentCls}-action-columns`]: {
-        display: "inline-block",
-        [`${e.antCls}-popover-inner-content`]: {
-          padding: "8px 0 8px 16px"
-        },
-        [`${e.antCls}-tree ${e.antCls}-tree-switcher-noop`]: {
-          display: "none"
-        },
-        [`${e.antCls}-tree > ${e.antCls}-tree-treenode`]: {
-          width: "100%",
-          alignItems: "center",
-          "&:first-child": {
-            paddingTop: 0
-          },
-          "&:last-child": {
-            paddingBottom: 4
+      "$-list-item": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        "&-actions": {
+          display: "block",
+          float: "right",
+          cursor: "pointer",
+          "> span + span": {
+            marginLeft: 8
           },
-          "&:hover": {
-            backgroundColor: "#e6f7ff",
-            [`${e.componentCls}-action-columns-list-item-actions`]: {
-              display: "block"
+          "&-disabled": {
+            action: {
+              color: "rgba(0, 0, 0, 0.25)"
             }
-          }
-        },
-        [`${e.antCls}-tree  ${e.antCls}-tree-node-content-wrapper`]: {
-          flex: "1",
-          "&:hover": {
-            backgroundColor: "transparent"
-          }
-        },
-        "&-popover-title": {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          "&-check": {
-            marginRight: 8
           },
-          [`${e.antCls}-btn-sm`]: {
-            padding: 0
-          }
-        },
-        "&-list-group": {
-          marginTop: 6,
-          marginBottom: 6,
-          fontSize: 12,
-          color: "rgba(0, 0, 0, 0.45)"
-        },
-        "$-list-item": {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          "&-actions": {
-            display: "block",
-            float: "right",
-            cursor: "pointer",
-            "> span + span": {
-              marginLeft: 8
-            },
-            "&-disabled": {
-              action: {
-                color: "rgba(0, 0, 0, 0.25)"
-              }
-            },
-            anticon: {
-              color: e.colorPrimary
-            }
+          anticon: {
+            color: e.colorPrimary
           }
         }
-      },
-      // ant-class
-      [`${e.antCls}-tooltip-inner`]: {
-        a: {
-          color: e.colorWhite
-        }
-      },
-      [`&${e.componentCls}-beautify-scroll`]: {
-        [`${e.antCls}-table-content`]: Xe(e),
-        [`${e.antCls}-table-body`]: Xe(e),
-        [`${e.antCls}-table-empty`]: {
-          [`${e.antCls}-table-content`]: Xe(e)
-        }
+      }
+    },
+    [`${e.antCls}-tooltip-inner`]: {
+      a: {
+        color: e.colorWhite
       }
     }
-  };
-};
-function ea(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_(e);
-}
-function ta(e, a, l, n) {
-  if (!a) return e;
-  let o = e;
-  if (Q(a)) {
-    const i = a.node === "a" ? "span" : a.node;
-    return s(i, W(a?.attr || {}, {
-      class: [a.class, a.node === "a" ? `${l}-a` : ""],
-      onClick: a.click
-    }), ea(e) ? e : {
-      default: () => [e]
-    });
-  }
-  switch (a) {
-    case "link":
-      o = s("span", {
-        class: [`${l}-a`, n]
-      }, [e]);
-      break;
-    case "time":
-      o = V(e).format("HH:mm:ss");
-      break;
-    case "dateMonth":
-      o = `${V(e).month() + 1}月`;
-      break;
-    case "date":
-      o = V(e).format("YYYY-MM-DD");
-      break;
-    case "dateTime":
-      o = V(e).format("YYYY-MM-DD HH:mm:ss");
-      break;
   }
-  return o;
-}
-function la(e, a) {
-  const l = a && a.current || 1, n = a && a.pageSize || 10;
-  return e.filter((o, i) => i < l * n && i >= n * (l - 1));
-}
-function aa(e) {
-  const a = document.createElement("textarea");
-  a.style.position = "absolute", a.style.opacity = "0", a.value = e, document.body.appendChild(a), a.select(), document.execCommand("copy"), document.body.removeChild(a);
-}
-function na(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_(e);
+});
+function Ba(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !le(e);
 }
-const ia = {
+const Na = Bt.PRESENTED_IMAGE_SIMPLE, za = {
   reload: !0,
   fullScreen: !0
-}, oa = dl.useToken, _e = /* @__PURE__ */ we({
+}, Da = Al.useToken, Ze = /* @__PURE__ */ ge({
   name: "GProTable",
   inheritAttrs: !1,
-  props: ge,
+  props: he,
   emits: ["reset", "reload", "submit", "sizeChange", "expandedRowsChange", "expand", "change", "requestError", "columnsStateChange", "loadingChange"],
   slots: Object,
   setup(e, {
-    emit: a,
+    emit: n,
     slots: l,
-    attrs: n,
-    expose: o
+    expose: a
   }) {
-    const i = vt({
+    const o = wt({
       suffixCls: "table",
       isPor: !0
     }), {
-      wrapSSR: d,
-      hashId: m
-    } = Je("ProBaseTable", [Zl], i), {
-      token: p
-    } = oa(), F = Gt(), r = ft(), {
-      width: B
-    } = ol(), h = I(!1), f = dt(), x = I(), b = I(), j = I(e.waitRequest);
-    zt(() => j.value = e.waitRequest);
+      wrapSSR: r,
+      hashId: u
+    } = it("ProBaseTable", [Aa, Fa, Ia, Pa], o), {
+      token: b
+    } = Da(), f = rl(), $ = ot(), {
+      width: v
+    } = Rl(), C = x(!1), m = xt(), i = x(), w = x(), h = x(e.waitRequest);
+    pt(() => h.value = e.waitRequest);
     const {
-      toggle: oe,
-      isFullscreen: te
-    } = bt(x), $e = C(() => !r.value.xl), pe = C(() => (e.virtualScroll && pl(!e.scroll?.y, "参数scroll的Y值不能为空！"), !!(e.scroll?.y && e.virtualScroll))), le = C(() => {
+      toggle: O,
+      isFullscreen: I
+    } = Ft(i), B = T(() => !$.value.xl), N = T(() => (e.virtualScroll && El(!e.scroll?.y, "参数scroll的Y值不能为空！"), !!(e.scroll?.y && e.virtualScroll))), L = T(() => {
       if (e.form === !1) return !1;
-      const v = {
+      const p = {
         actions: {
           resetReload: !0
         },
         resetText: "重置",
         searchText: "查询"
       };
-      return Q(e.form) ? Se(v, e.form) : v;
-    }), A = C(() => le.value === !1 ? {} : le.value), me = C(() => A.value?.autoRequest ?? e.autoRequest), Y = C(() => A.value?.actions), G = C(() => {
-      const v = e.columns.filter((w) => w.key || w.dataIndex).map((w) => {
-        const S = w.key || w.dataIndex;
-        return w.key = S, w.dataIndex = S, w.align = w.align || e.align, w.uuid = w.uuid || gt().uuid(15), w;
+      return ne(e.form) ? ye(p, e.form) : p;
+    }), K = T(() => L.value === !1 ? {} : L.value), k = T(() => K.value?.autoRequest ?? e.autoRequest), H = T(() => K.value?.actions), A = T(() => {
+      const p = e.columns.filter((R) => R.key || R.dataIndex).map((R) => {
+        const P = R.key || R.dataIndex;
+        return R.key = P, R.dataIndex = P, R.align = R.align || e.align, R.uuid = R.uuid || Rt().uuid(15), R;
       });
-      return Zt(v, {
+      return hl(p, {
         align: e.align || "left",
         showIndex: e.showIndex ?? !1
       });
-    }), [U, ne] = Kl({
-      loading: M(e, "loading")
-    }), [be, J] = Jl({
-      size: M(e, "size")
+    }), [X, E] = ha({
+      loading: V(e, "loading")
+    }), [W, Y] = Ra({
+      size: V(e, "size")
     }), {
-      paginationInfo: q,
-      requestPagination: se,
-      setPagination: t
-    } = Vl({
-      pagination: M(e, "pagination"),
-      pageItemRender: it({
+      paginationInfo: M,
+      requestPagination: ee,
+      setPagination: se
+    } = ga({
+      pagination: V(e, "pagination"),
+      pageItemRender: ft({
         slots: l,
         props: e,
         key: "pageItemRender"
       })
     }), {
-      proScroll: u,
-      breakpoint: y
-    } = Ul({
-      scroll: M(e, "scroll"),
-      autoScroll: M(e, "autoScroll"),
-      modalScroll: M(e, "modalScroll"),
-      neverScroll: M(e, "neverScroll"),
-      rowSelection: M(e, "rowSelection"),
-      scrollBreakpoint: M(e, "scrollBreakpoint"),
-      innerWidth: B,
-      columns: G,
-      screens: r
+      proScroll: re,
+      breakpoint: be
+    } = $a({
+      scroll: V(e, "scroll"),
+      autoScroll: V(e, "autoScroll"),
+      modalScroll: V(e, "modalScroll"),
+      neverScroll: V(e, "neverScroll"),
+      rowSelection: V(e, "rowSelection"),
+      scrollBreakpoint: V(e, "scrollBreakpoint"),
+      innerWidth: v,
+      columns: A,
+      screens: $
     }), {
-      proColumns: g,
-      setColumns: R,
-      resizeColumnWidth: c
-    } = Wl({
-      draggable: M(e, "draggable"),
-      neverScroll: M(e, "neverScroll"),
-      autoScroll: M(e, "autoScroll"),
-      breakpoint: y,
-      scroll: u,
-      columns: G
+      proColumns: de,
+      setColumns: Re,
+      resizeColumnWidth: oe
+    } = da({
+      draggable: V(e, "draggable"),
+      neverScroll: V(e, "neverScroll"),
+      autoScroll: V(e, "autoScroll"),
+      breakpoint: be,
+      scroll: re,
+      columns: A
     }), {
-      formCols: $,
-      defaultFormSearch: N
-    } = Ql({
-      searchMap: M(e, "searchMap"),
-      columns: G
+      formCols: Pe,
+      defaultFormSearch: t
+    } = wa({
+      searchMap: V(e, "searchMap"),
+      columns: A
     }), {
-      selectedKeys: D,
-      selectedItems: k,
-      changeRowKey: ue,
-      selectRowKey: Z,
-      selectAllRowKey: ce,
-      syncSelectedRows: H,
-      removeRowKeys: ye,
-      clearAllRowKeys: de
-    } = Xl(M(e, "rowKey"), M(e, "rowSelection")), Be = Hl(e), {
-      run: ie,
-      setTableDataList: Ce,
-      operateTableDataRow: xe,
-      isTreeDataRef: ve,
-      dataSource: he,
-      handleTableChange: Me
-    } = ql({
-      ...Be,
-      waitRequest: j
+      selectedKeys: s,
+      selectedItems: y,
+      changeRowKey: g,
+      selectRowKey: S,
+      selectAllRowKey: c,
+      syncSelectedRows: fe,
+      removeRowKeys: U,
+      clearAllRowKeys: Fe
+    } = ba(V(e, "rowKey"), V(e, "rowSelection")), ve = va(e), {
+      run: ue,
+      setTableDataList: Ie,
+      operateTableDataRow: Se,
+      isTreeDataRef: xe,
+      dataSource: ie,
+      handleTableChange: Ke
+    } = ma({
+      ...ve,
+      waitRequest: h
     }, {
-      loading: U,
-      pageInfo: se,
-      setPagination: t,
-      removeRowKeys: ye,
-      syncSelectedRows: H,
-      setLoading: ne,
-      setColumns: R,
-      columns: g,
-      defaultFormSearch: N,
-      params: M(e, "params"),
+      loading: X,
+      pageInfo: ee,
+      setPagination: se,
+      removeRowKeys: U,
+      syncSelectedRows: fe,
+      setLoading: E,
+      setColumns: Re,
+      columns: de,
+      defaultFormSearch: t,
+      params: V(e, "params"),
       onRequestError: e.onRequestError,
       onBeforeSearchSubmit: e.onBeforeSearchSubmit,
-      hasCustomRender: C(() => qe(e.customRender || l?.customRender))
-    }, a), Rt = C(() => ({
-      size: T(be),
-      scroll: T(u),
-      dataSource: T(he),
-      pagination: T(q),
-      virtualScroll: pe.value,
-      columns: T(g).filter((v) => v.show || v.show === void 0)
-    })), et = C(() => {
-      const v = Q(e.loading) ? Ie(e.loading, "spinning") : {};
-      return !v.indicator && f?.indicator?.value && (v.indicator = f?.indicator?.value), {
-        spinning: e.showLoading ? qe(U.value) : !1,
-        ...v
+      hasCustomRender: T(() => Ge(e.customRender || l?.customRender))
+    }, n), {
+      tableCardEl: ke,
+      tableScrollYHeight: Oe,
+      tableListToolsHeight: jt,
+      tableScrollEl: rt,
+      tableOverHidden: Ht,
+      barRef: Wt
+    } = xa({
+      hashId: u,
+      scroll: re,
+      baseClassName: o,
+      fitPage: V(e, "fitPage")
+    }), Yt = T(() => {
+      const p = Oe.value && e.fitPage ? {
+        y: Oe.value
+      } : {};
+      return {
+        size: F(W),
+        scroll: {
+          ...F(re),
+          ...p
+        },
+        dataSource: F(ie),
+        pagination: F(M),
+        virtualScroll: N.value,
+        columns: F(de).filter((R) => R.show || R.show === void 0)
       };
-    }), tt = C(() => {
-      let v;
-      const w = e.direction === "rtl" ? "bottomLeft" : "right", S = T(q)?.position;
-      if (S !== null && Array.isArray(S)) {
-        const P = S.find((X) => X.includes("top")), O = S.find((X) => X.includes("bottom")), E = S.every((X) => `${X}` == "none");
-        !P && !O && !E && (v = w), P && (v = P.toLowerCase().replace("top", "")), O && (v = O.toLowerCase().replace("bottom", ""));
+    }), ut = T(() => {
+      const p = ne(e.loading) ? ze(e.loading, "spinning") : {};
+      return !p.indicator && m?.indicator?.value && (p.indicator = m?.indicator?.value), {
+        spinning: e.showLoading ? Ge(X.value) : !1,
+        ...p
+      };
+    }), Mt = T(() => {
+      let p;
+      const R = e.direction === "rtl" ? "bottomLeft" : "right", P = F(M)?.position;
+      if (P !== null && Array.isArray(P)) {
+        const z = P.find((te) => te.includes("top")), j = P.find((te) => te.includes("bottom")), _ = P.every((te) => `${te}` == "none");
+        !z && !j && !_ && (p = R), z && (p = z.toLowerCase().replace("top", "")), j && (p = j.toLowerCase().replace("bottom", ""));
       } else
-        v = w;
-      return v;
+        p = R;
+      return p;
     });
-    Ml(() => {
-      h.value && e.keepAliveReload ? ie() : h.value = !0;
+    ca(() => {
+      C.value ? e.keepAliveReload && ue({
+        params: e.params
+      }) : C.value = !0;
     });
-    const $t = async (v, w) => {
-      if (me.value) {
-        ie({
-          params: v
+    const qt = async (p, R) => {
+      if (k.value) {
+        ue({
+          params: p
         });
         return;
       }
-      w === "reset" ? (a("reset", v), e.request && Y.value?.resetReload && ie({
-        params: v
-      })) : e.request && (a("submit", v), ie({
-        params: v
+      R === "reset" ? (n("reset", p), e.request && H.value?.resetReload && ue({
+        params: p
+      })) : e.request && (n("submit", p), ue({
+        params: p
       }));
-    }, We = (v, w, S, P) => {
-      t(Ee(v, ["current", "pageSize"])), Me(v, w, S, P), a("change", v, w, S, P);
-    }, Pt = (v) => {
-      a("expandedRowsChange", v);
-    }, Ft = (v, w) => {
-      a("expand", v, w);
-    }, Dt = (v, w) => c(v, w), It = (v, w, S) => {
-      let P = v;
-      if (w) {
-        const O = K(v) ? typeof v?.[0]?.children == "string" ? v?.[0]?.children : "" : v ? v.toString() : "", E = S.tooltip === !1 ? {} : S.tooltip, X = S.tooltip === !1 ? 1 : De(E?.hiddenLine) && E?.hiddenLine > 0 ? E?.hiddenLine : 1, L = S.tooltip === !1 ? 0 : De(E?.width) ? E?.width : 0, Ae = S.tooltip !== !1 && pt(O) && L > 0 ? ll(O, {
+    }, Ve = (p, R, P, z) => {
+      Ke(p, R, P, z), n("change", p, R, P, z);
+    }, Kt = (p) => {
+      n("expandedRowsChange", p);
+    }, kt = (p, R) => {
+      n("expand", p, R);
+    }, Vt = (p, R) => oe(p, R), Xt = (p, R, P) => {
+      let z = p;
+      if (R) {
+        const j = J(p) ? typeof p?.[0]?.children == "string" ? p?.[0]?.children : "" : p ? p.toString() : "", _ = P.tooltip === !1 ? {} : P.tooltip, te = P.tooltip === !1 ? 1 : Ce(_?.hiddenLine) && _?.hiddenLine > 0 ? _?.hiddenLine : 1, G = P.tooltip === !1 ? 0 : Ce(_?.width) ? _?.width : 0, Ee = P.tooltip !== !1 && Pt(j) && G > 0 ? pl(j, {
           cssObject: {
             fontSize: "14px",
             lineHeight: "22px",
-            fontFamily: F?.token?.value?.fontFamily || p?.value?.fontFamily,
-            ...E?.targetStyle || {}
+            fontFamily: f?.token?.value?.fontFamily || b?.value?.fontFamily,
+            ..._?.targetStyle || {}
           }
-        }) : 0, Oe = document.querySelector(`.${i} .ant-table-tbody`), je = s("div", {
-          class: `${i}-ellipsis-text`
-        }, [v]), at = () => S.tooltip === !1 || Q(S.tooltip) && Ae < L && L > 0 ? je : s(Te, W({
-          title: v,
-          getPopupContainer: (ke) => Oe ?? ke?.parentNode?.parentNode
-        }, Q(S.tooltip) ? S.tooltip : {}, {
+        }) : 0, Le = document.querySelector(`.${o} .ant-table-tbody`), je = d("div", {
+          class: `${o}-ellipsis-text`
+        }, [p]), dt = () => P.tooltip === !1 || ne(P.tooltip) && Ee < G && G > 0 ? je : d($e, Q({
+          title: p,
+          getPopupContainer: (Xe) => Le ?? Xe?.parentNode?.parentNode
+        }, ne(P.tooltip) ? P.tooltip : {}, {
           destroyTooltipOnHide: !0
-        }), na(je) ? je : {
+        }), Ba(je) ? je : {
           default: () => [je]
         });
-        if (P = s("div", {
-          class: `${i}-ellipsis ${E?.class ?? ""}`,
+        if (z = d("div", {
+          class: D(`${o}-ellipsis`, _?.class),
           style: {
-            "-webkit-line-clamp": X
+            "-webkit-line-clamp": te
           }
-        }, [at()]), S.copyable) {
-          const ke = typeof S.copyText == "function" ? S.copyText?.(S) : S.copyText || O;
-          P = s("div", {
-            class: `${i}-copyable`
-          }, [s("div", {
-            class: `${i}-ellipsis ${E?.class ?? ""}`,
+        }, [dt()]), P.copyable) {
+          const Xe = typeof P.copyText == "function" ? P.copyText?.(P) : P.copyText || j;
+          z = d("div", {
+            class: `${o}-copyable`
+          }, [d("div", {
+            class: D(`${o}-ellipsis`, _?.class),
             style: {
-              "-webkit-line-clamp": X
+              "-webkit-line-clamp": te
             }
-          }, [at()]), s(qt, {
-            class: `${i}-copyable-icon`,
+          }, [dt()]), d(ol, {
+            class: `${o}-copyable-icon`,
             onClick: () => {
-              aa(ke), vl.success("复制成功");
+              Sa(Xe), zl.success("复制成功");
             }
           }, null)]);
         }
       }
-      return P;
+      return z;
     };
-    function lt() {
-      const v = al({
+    function ct() {
+      const p = yl({
         slots: l,
         props: e,
         key: "emptyText"
       });
-      if (v !== !1 && f?.emptyText?.value !== !1) {
-        const S = e.emptyTextProps?.extraProps || {}, P = v || f?.emptyText?.value, O = _(P), E = O ? st(P, S) : mt(K(P) ? P : [P]);
-        return s("div", {
-          class: ae(`${i}-empty-text`, m.value, e.emptyTextProps?.class),
+      if (p !== !1 && m?.emptyText?.value !== !1) {
+        const P = e.emptyTextProps?.extraProps || {}, z = p || m?.emptyText?.value, j = le(z), _ = j ? bt(z, P) : Tt(J(z) ? z : [z]);
+        return d("div", {
+          class: D(`${o}-empty-text`, u.value, e.emptyTextProps?.class),
           style: e.emptyTextProps?.style
-        }, [O ? E : K(E) ? E.map((X) => Qe(X, S)) : s(hl, null, null)]);
+        }, [j ? _ : J(_) && _.length ? _.map((te) => tt(te, P)) : d(Bt, {
+          image: Na
+        }, null)]);
       }
       return null;
     }
-    const Bt = () => {
-      const v = it({
+    const _t = () => {
+      const p = ft({
         slots: l,
         props: e,
         key: "customRender"
       });
-      if (v) {
-        if (he.value?.length) {
-          const w = ee(T(he));
-          return v?.({
-            dataSource: w,
-            currentData: la(w, q.value)
+      if (p) {
+        if (ie.value?.length) {
+          const R = ae(F(ie));
+          return p?.({
+            dataSource: R,
+            currentData: Ca(R, M.value)
           });
         }
-        return lt();
+        return ct();
       }
-      return s(Ye, null, null);
+      return d(we, null, null);
     };
-    return yl({
-      tableSize: be,
-      columns: g,
-      cacheColumns: G,
-      isMobile: $e,
-      formConfig: A,
-      formAutoRequest: me,
-      formActions: Y,
+    return jl({
+      tableSize: W,
+      columns: de,
+      cacheColumns: A,
+      isMobile: B,
+      formConfig: K,
+      formAutoRequest: k,
+      formActions: H,
+      screenWidth: v,
+      tableListToolsHeight: jt,
+      styles: V(e, "styles"),
+      classNames: V(e, "classNames"),
       action: {
-        setTableSize: J,
-        reload: (v) => ie(v),
-        toggle: oe
+        setTableSize: Y,
+        reload: (p) => ue(p),
+        toggle: O
       },
-      setPagination: t
-    }), o({
+      setPagination: se
+    }), a({
       formRef: () => ({
         getFormSearch: () => ({
-          ...T(N),
-          ...b.value?.getFormSearch(),
+          ...F(t),
+          ...w.value?.getFormSearch(),
           ...e.params
         }),
-        getFormInnerState: () => b.value?.getFormSearch() || {},
-        restFormState: (v) => {
-          j.value = !0, v && v?.(), b.value?.resetForm(!1), j.value = !1;
+        getFormInnerState: () => w.value?.getFormSearch() || {},
+        restFormState: (p) => {
+          h.value = !0, p && p?.(), w.value?.resetForm(!1), h.value = !1;
         }
       }),
       actionRef: () => ({
-        loading: U,
-        dataSource: he,
-        pageInfo: se,
-        pagination: q.value,
-        selectedKeys: C(() => D.value),
-        selectedItems: C(() => k.value),
+        loading: X,
+        dataSource: ie,
+        pageInfo: ee,
+        pagination: M.value,
+        selectedKeys: T(() => s.value),
+        selectedItems: T(() => y.value),
         rowsSelection: {
-          clear: de,
-          select: Z,
-          remove: ye,
-          sync: H,
-          selectAll: ce
+          clear: Fe,
+          select: S,
+          remove: U,
+          sync: fe,
+          selectAll: c
         },
-        reload: ie,
-        getLoadingStatus: () => T(U),
-        reloadAndReset: async (v) => {
-          j.value = !0, t({
+        reload: ue,
+        getLoadingStatus: () => F(X),
+        reloadAndReset: async (p) => {
+          h.value = !0, se({
             current: 1,
-            pageSize: se?.pageSize || 10
-          }), v && v?.callBack && (v.wait ? await v.callBack() : v.callBack()), b.value?.resetForm(!0), j.value = !1;
+            pageSize: ee?.pageSize || 10
+          }), p && p?.callBack && (p.wait ? await p.callBack() : p.callBack()), w.value?.resetForm(!0), h.value = !1;
         },
-        setPageInfo: We,
-        setTableDataList: Ce,
-        setPagination: t,
-        operateTableDataRow: xe,
-        setLoading: ne
+        setPageInfo: Ve,
+        setTableDataList: Ie,
+        setPagination: se,
+        operateTableDataRow: Se,
+        setLoading: E
       })
     }), () => {
-      const v = qe(e.customRender || l.customRender), w = l.actions?.() || e.actionProps?.actions, S = el({
+      const p = Ge(e.customRender || l.customRender), R = l.actions?.() || e.actionProps?.actions, P = gl({
         slots: l,
         props: e,
-        keys: ["headerTitle", "headerTitleTip", "headerAfter"],
+        keys: ["headerTitle", "headerTitleTip", "listToolAfter"],
         render: !0
       });
-      return d(s("div", {
-        ref: x,
-        class: ae([{
-          [`${m.value}`]: !0,
-          [`${i}`]: !0,
-          [`${n.class}`]: n.class,
-          [`${i}-beautify-scroll`]: Re(e.useDefaultScrollStyle) ? !e.useDefaultScrollStyle : !0,
-          [`${i}-no-scroll`]: !Object.keys(T(u) || {}).length,
-          [`${i}-table-tree`]: ve.value,
-          [`${i}-full-screen`]: te.value
+      return r(d("div", {
+        ref: i,
+        class: D(o, u.value, e.class, e.classNames?.root, [{
+          [`${o}-no-scroll`]: !Object.keys(F(re) || {}).length,
+          [`${o}-table-tree`]: xe.value,
+          [`${o}-full-page`]: e.fitPage,
+          [`${o}-full-screen`]: I.value
         }]),
-        style: n.style
-      }, [s("div", {
-        class: [`${i}-content`, m.value]
-      }, [($.value.length > 0 || !!l.form) && e.form !== !1 && s(Al, {
-        ref: b,
+        style: {
+          ...e.style,
+          ...e.styles?.root || {}
+        }
+      }, [d("div", {
+        class: D(`${o}-content`, u.value, e.classNames?.content),
+        style: e.styles?.content
+      }, [(Pe.value.length > 0 || !!l.form) && e.form !== !1 && d(Ql, {
+        ref: w,
         modalScroll: e.modalScroll,
         cardBordered: e.cardBordered,
-        formCols: $.value,
-        prefixCls: i,
-        loading: T(U),
-        onSearch: $t,
-        defaultFormSearch: N.value
+        formCols: Pe.value,
+        prefixCls: o,
+        loading: F(X),
+        onSearch: qt,
+        defaultFormSearch: t.value
       }, {
         default: l.form ? () => l.form?.() : null
-      }), s("div", {
-        class: ae(m.value, `${i}-card`, e.cardBordered && `${i}-card-border`)
-      }, [s(Ll, {
+      }), d("div", {
+        ref: ke,
+        class: D(e.classNames?.card, u.value, `${o}-card`, e.cardBordered && `${o}-card-border`),
+        style: e.styles?.card
+      }, [d(ra, {
         options: e.options ? {
-          ...ia,
-          ...Q(e.options) ? e.options : {}
+          ...za,
+          ...ne(e.options) ? e.options : {}
         } : !1,
         titleTipText: e.titleTipText,
         actionsPlacement: e.actionProps?.placement,
-        actionsRender: w,
-        headerTitle: S.headerTitle,
-        headerTitleTip: S.headerTitleTip
-      }, null), S.headerAfter && s("div", {
-        class: `${i}-header-after ${m.value}`
-      }, [S.headerAfter]), v ? s(Ct, et.value, {
-        default: () => [s("div", {
-          class: `${i}-wrapper ${m.value}`
-        }, [s("div", {
-          class: ae(`${i}-list`, m.value, e.tableProps?.class),
-          style: e.tableProps?.style
-        }, [Bt()]), e.pagination !== !1 && he.value?.length > 0 && s(fl, W({
-          class: {
-            [`${i}-pagination ${m.value}`]: !0,
-            [`${i}-pagination-${tt.value} ${m.value}`]: !!tt.value
+        actionsRender: R,
+        headerTitle: P.headerTitle,
+        listToolAfter: P.listToolAfter,
+        headerTitleTip: P.headerTitleTip
+      }, null), p ? d(At, ut.value, {
+        default: () => [d("div", {
+          class: D(`${o}-list ${u.value}`, e.classNames?.list),
+          style: e.styles?.list
+        }, [d("div", {
+          class: D(`${o}-list-content`, u.value, e.classNames?.listContent),
+          style: {
+            ...e.styles?.listContent || {},
+            height: Oe.value ? pe(Oe.value) : e.styles?.listContent?.height
           }
-        }, re(T(q)), {
-          onChange: (P, O) => We({
-            current: P,
-            pageSize: O
+        }, [_t()]), e.pagination !== !1 && ie.value?.length > 0 && d(Bl, Q(ce(F(M)), {
+          class: D(u.value, `${o}-pagination`, `${o}-pagination-${Mt.value}`, e.classNames?.pagination),
+          style: e.styles?.pagination,
+          onChange: (z, j) => Ve({
+            current: z,
+            pageSize: j
           })
         }), null)])]
-      }) : s(ml, W(Ee(e, Object.keys(St)), Rt.value, {
-        style: e.tableProps?.style,
-        class: e.tableProps?.class,
-        loading: et.value,
-        rowKey: (P) => P[e.rowKey],
-        transformCellText: (P) => {
-          e.transformCellText && typeof e.transformCellText && e.transformCellText?.(P);
+      }) : d(we, null, [d(Nl, Q(Dl(e, Object.keys(Dt)), Yt.value, {
+        style: e.styles?.table,
+        class: D(e.classNames?.table, u.value, Ht.value && `${o}-overflow-hidden`),
+        loading: ut.value,
+        rowKey: (z) => z[e.rowKey],
+        transformCellText: (z) => {
+          e.transformCellText && typeof e.transformCellText && e.transformCellText?.(z);
           const {
-            column: O
-          } = P;
-          if (!O) return P.text;
-          const E = O?.key || O?.dataIndex;
-          let X = !0, L = P.text;
-          if (K(L))
-            if (L.length === 0 || L.length === 1 && !_(L[0])) {
-              L = L?.[0];
-              const Ae = tl(L, O?.columnEmptyText || e?.columnEmptyText || "");
-              X = Ae.success, L = ta(Ae.value, O?.valueType || e.columns?.find((Oe) => (Oe.key || Oe.dataIndex) === E)?.valueType, i, m.value);
-            } else L[0]?.type === "template" && (L = L[0]?.children);
-          return O?.ellipsis ? It(L, X, O) : L;
+            column: j
+          } = z;
+          if (!j) return z.text;
+          const _ = j?.key || j?.dataIndex;
+          let te = !0, G = z.text;
+          if (J(G))
+            if (G.length === 0 || G.length === 1 && !le(G[0])) {
+              G = G?.[0];
+              const Ee = bl(G, j?.columnEmptyText || e?.columnEmptyText || "");
+              te = Ee.success, G = ya(Ee.value, j?.valueType || e.columns?.find((Le) => (Le.key || Le.dataIndex) === _)?.valueType, o, u.value);
+            } else G[0]?.type === "template" && (G = G[0]?.children);
+          return j?.ellipsis ? Xt(G, te, j) : G;
         },
         rowSelection: e.rowSelection ? {
-          ...Ie(e.rowSelection, ["onSelect", "onSelectAll", "onChange", "selectedRowKeys"]),
-          selectedRowKeys: D.value || [],
-          onSelect: Z,
-          onSelectAll: ce,
-          onChange: ue
+          ...ze(e.rowSelection, ["onSelect", "onSelectAll", "onChange", "selectedRowKeys"]),
+          selectedRowKeys: s.value || [],
+          onSelect: S,
+          onSelectAll: c,
+          onChange: g
         } : void 0,
-        onChange: We,
-        onExpandedRowsChange: Pt,
-        onExpand: Ft,
-        onResizeColumn: (P, O) => Dt(P, O)
+        onChange: Ve,
+        onExpandedRowsChange: Kt,
+        onExpand: kt,
+        onResizeColumn: (z, j) => Vt(z, j)
       }), {
         ...l,
-        emptyText: () => lt()
-      })])])]));
+        emptyText: () => ct()
+      }), rt.value && !p && d(Jt, {
+        to: rt.value
+      }, {
+        default: () => [d(la, {
+          ref: Wt
+        }, null)]
+      })])])])]));
     };
   }
 });
-_e.install = (e) => (e.component(_e.name, _e), e);
-function Ca(e, a) {
+Ze.install = (e) => (e.component(Ze.name, Ze), e);
+function Qa(e, n) {
   function l() {
-    const r = {
+    const v = {
       params: {},
       searchMap: []
     };
-    if (a?.state) {
-      if (He(a.state) && Q(a.state.value))
-        return Se(r, ee(a.state.value));
-      if (Q(a.state) && !He(a.state))
-        return Se(r, ee(a.state));
+    if (n?.state) {
+      if (_e(n.state) && ne(n.state.value))
+        return ye(v, ae(n.state.value));
+      if (ne(n.state) && !_e(n.state))
+        return ye(v, ae(n.state));
     }
-    return r;
+    return v;
   }
-  const n = Ue(Se(l(), {
-    request: a?.request
+  const a = lt(ye(l(), {
+    request: n?.request
   }));
-  a?.state && z(() => a.state && He(a.state) ? a.state.value : a.state, () => {
-    p();
+  n?.state && q(() => n.state && _e(n.state) ? n.state.value : n.state, () => {
+    f();
   }, { deep: !0 });
-  const o = C(() => e.value ? e.value.actionRef() : {}), i = C(() => e.value ? e.value.formRef() : {}), d = C(() => ({
+  const o = T(() => e.value ? e.value.actionRef() : {}), r = T(() => e.value ? e.value.formRef() : {}), u = T(() => ({
     ...o.value.pageInfo || {},
-    ...i.value.getFormSearch?.() || {}
-  })), m = I(!!o.value.loading?.value);
-  z(() => o.value.loading?.value, (r) => {
-    m.value = !!r;
-  }), z(m, (r) => {
-    o.value?.setLoading?.(!!r);
+    ...r.value.getFormSearch?.() || {}
+  })), b = x(!!o.value.loading?.value);
+  q(() => o.value.loading?.value, (v) => {
+    b.value = !!v;
+  }), q(b, (v) => {
+    o.value?.setLoading?.(!!v);
   });
-  function p() {
-    nl(n, l());
+  function f() {
+    Cl(a, l());
   }
-  function F(r, B) {
-    n.searchMap && (n.searchMap = ee(n.searchMap).map((h) => h.name === r ? Se(h, B) : h));
+  function $(v, C) {
+    a.searchMap && (a.searchMap = ae(a.searchMap).map((m) => m.name === v ? ye(m, C) : m));
   }
   return {
-    formRef: i,
+    formRef: r,
     actionRef: o,
-    tableState: n,
-    requestSearch: d,
-    loading: m,
-    dataSource: C(() => o?.value?.dataSource?.value || []),
-    selectedKeys: C(() => o?.value?.selectedKeys?.value || []),
-    selectedItems: C(() => o?.value?.selectedItems?.value || []),
+    tableState: a,
+    requestSearch: u,
+    loading: b,
+    dataSource: T(() => o?.value?.dataSource?.value || []),
+    selectedKeys: T(() => o?.value?.selectedKeys?.value || []),
+    selectedItems: T(() => o?.value?.selectedItems?.value || []),
     rowsSelection: o?.value?.rowsSelection,
-    setTableDataList: (r) => o.value?.setTableDataList?.(r),
-    reloadAndReset: (r) => o.value?.reloadAndReset?.(r),
-    setPageInfo: (r, B, h, f) => o.value?.setPageInfo?.(r, B, h, f),
-    setPagination: (r) => o.value?.setPagination?.(r),
-    setLoading: (r) => m.value = r,
-    operateTableDataRow: (r) => o.value?.operateTableDataRow?.(r),
-    reload: (r) => o.value?.reload?.(r),
-    updateSearchMap: F
+    setTableDataList: (v) => o.value?.setTableDataList?.(v),
+    reloadAndReset: (v) => o.value?.reloadAndReset?.(v),
+    setPageInfo: (v, C, m, i) => o.value?.setPageInfo?.(v, C, m, i),
+    setPagination: (v) => o.value?.setPagination?.(v),
+    setLoading: (v) => b.value = v,
+    operateTableDataRow: (v) => o.value?.operateTableDataRow?.(v),
+    reload: (v) => o.value?.reload?.(v),
+    updateSearchMap: $
   };
 }
 export {
-  _e as GProTable,
-  ge as proTableProps,
-  Ca as useTable
+  Ze as GProTable,
+  he as proTableProps,
+  Qa as useTable
 };