@gx-design-vue/pro-table 0.2.0-beta.13 → 0.2.0-beta.130

package/dist/pro-table.js

@@ -0,0 +1,2307 @@
+/*!
+  * Gx Design Pro
+  * Version: 0.2.0-beta.129
+  * Author: gx12358
+  * Copyright (C) 2024 gx12358
+  * License: MIT License
+  * Description: Gx Design Pro Table
+  * Date Created: 2025-12-06 
+  * Homepage: 
+  * Contact: gx12358@gmail.com
+*/
+import { defineComponent as Te, ref as O, watch as z, cloneVNode as Qe, reactive as Oe, watchEffect as dt, computed as S, createVNode as c, Fragment as Ye, isVNode as V, mergeProps as M, h as ft, unref as T, onActivated as Et, nextTick as Lt, getCurrentInstance as Wt, toRaw as ye, onUnmounted as kt, onDeactivated as Ht, onMounted as qt, toRef as q, isRef as ke } from "vue";
+import { UpOutlined as Vt, DownOutlined as Kt, InfoCircleOutlined as Gt, FullscreenExitOutlined as Qt, FullscreenOutlined as Xt, ReloadOutlined as _t, CopyOutlined as Ut } from "@ant-design/icons-vue";
+import { useProAppContext as mt } from "@gx-design-vue/pro-app";
+import { useBreakpoint as vt, useMemo as Pe, tryOnUnmounted as Jt } from "@gx-design-vue/pro-hooks";
+import { useContext as Zt, useProStyle as Xe, unit as it, useProConfigContext as ea } from "@gx-design-vue/pro-provider";
+import { isArray as L, isBoolean as de, classNames as Z, isNumber as Be, filterEmpty as ht, getPrefixCls as pt, isObject as k, keysOf as gt, isDeepEqualReact as Ge, cloneDeep as _, compareArray as ta, runFunction as aa, getSortIndex as la, isFunction as De, convertValueBoolean as Me, handleCurrentPage as na, deepMerge as xe, arrayRepeat as ia, useDeepMerge as Ee, isString as yt, getRandomNumber as oa, handleShowIndex as ua, getSlot as ot, getSlotsProps as sa, handleEmptyField as ra, getTextWidth as ca, getSlotVNode as da } from "@gx-design-vue/pro-utils";
+import { useDebounceFn as fa, useFullscreen as bt, useWindowSize as ma } from "@vueuse/core";
+import { Grid as va, DatePicker as Ct, Space as ut, Input as Ne, TimePicker as ha, TreeSelect as pa, Select as ga, InputNumber as He, Button as st, Spin as St, Tooltip as we, theme as ya, Pagination as ba, Table as Ca, message as Sa, Empty as xa } from "ant-design-vue";
+import { omit as Le, cloneDeep as xt, pick as rt } from "lodash-es";
+import { tableProps as wa } from "ant-design-vue/es/table/Table";
+import "ant-design-vue/es/_util/props-util";
+import { warning as Ta } from "ant-design-vue/es/vc-util/warning";
+import W from "dayjs";
+const Ra = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered", "loading"], wt = {
+  ...Le(wa(), Ra),
+  transformCellText: Function,
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 是否展示外边框和列边框
+   */
+  bordered: {
+    type: Boolean,
+    default: void 0
+  },
+  loading: {
+    type: [Boolean, Object],
+    default: void 0
+  },
+  scroll: {
+    type: Object,
+    default: void 0
+  }
+}, { provideContext: $a, useInjectContext: _e } = Zt("pro-table"), be = {
+  ...wt,
+  rowSelection: {
+    type: Object,
+    default: void 0
+  },
+  columns: { type: Array, default: () => [] },
+  pagination: { type: [Object, Boolean], default: () => {
+  } },
+  rowKey: { type: String, default: "id" },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 获取 dataSource 的方法
+   */
+  request: {
+    type: Function,
+    default: void 0
+  },
+  // 是否启用虚拟滚动
+  virtualScroll: Boolean,
+  // 用于 request 查询的额外参数，一旦变化会触发重新加载
+  params: {
+    type: Object,
+    default: () => ({})
+  },
+  // 等待请求时间设置
+  waitRequest: {
+    type: Boolean,
+    default: !1
+  },
+  // 轮训时间间隔设置
+  polling: Number,
+  // 防抖时间设置
+  debounceTime: {
+    type: Number,
+    default: 10
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 是否显示搜索表单，传入对象时为搜索表单的配置
+   */
+  search: {
+    type: [Object, Boolean],
+    default: () => ({
+      autoRequest: !0,
+      resetText: "重置",
+      searchText: "查询"
+    })
+  },
+  searchMap: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 自定义表格渲染模式：默认表格展示，也可以自定义数据列表展示
+   */
+  customRender: {
+    type: [Function, Object, Boolean, Array],
+    default: () => {
+    }
+  },
+  useDefaultScrollStyle: {
+    type: Boolean,
+    default: () => !1
+  },
+  emptyText: {
+    type: [Function, Object, Boolean, Array],
+    default: () => {
+    }
+  },
+  showLoading: {
+    type: Boolean,
+    default: !0
+  },
+  tableProps: {
+    type: Object,
+    default: () => ({
+      style: {}
+    })
+  },
+  emptyTextProps: {
+    type: Object,
+    default: () => ({
+      style: {}
+    })
+  },
+  actionProps: {
+    type: Object,
+    default: () => ({
+      placement: "right"
+    })
+  },
+  // 表格标题
+  headerTitle: {
+    type: [Object, Function, Boolean, String, Array],
+    default: () => {
+    }
+  },
+  // 标题提示
+  titleTip: {
+    type: [Object, Function, Boolean, String, Array],
+    default: () => {
+    }
+  },
+  // 标题提示字
+  titleTipText: {
+    type: String,
+    default: "这是一个标题提示"
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description table 工具栏，设为 false 时不显示
+   */
+  options: {
+    type: [Object, Boolean],
+    default: !1
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 列设置额外的元素
+   */
+  settingExtra: {
+    type: [Object, Function, Array],
+    default: () => {
+    }
+  },
+  // 针对 keepalive 缓存的页面 是否重新reload
+  keepAliveReload: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 是否展示序号栏
+   */
+  showIndex: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2024/11/15
+   * @lastTime    2024/11/15
+   * @description 是否已card分割
+   */
+  cardBordered: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 翻页item设置
+   */
+  pageItemRender: {
+    type: [Function, Object, Array],
+    default: () => {
+    }
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 表格大小
+   */
+  size: {
+    type: String,
+    default: "middle"
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 表格全局对齐方式
+   */
+  align: {
+    type: String,
+    default: "left"
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 是否列拖动
+   */
+  draggable: Boolean,
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 根据屏幕大小或者scrollBreakpoint或者scroll?.x是否存在判断action列是否固定
+   */
+  autoScroll: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 滚动断点支持数字（屏幕宽度）；也支持md、xl，xxl等
+   */
+  scrollBreakpoint: [String, Number],
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description modalTable时，自动固定滚动高度
+   */
+  modalScroll: Boolean,
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 从不滚动
+   */
+  neverScroll: Boolean,
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 空值时的显示，不设置时显示 -， false 可以关闭此功能
+   */
+  columnEmptyText: {
+    type: [String, Boolean],
+    default: !1
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description Pro-Table 的方法
+   */
+  // 对通过 request 获取的数据进行处理
+  postData: Function,
+  onReset: Function,
+  onReload: Function,
+  onSubmit: Function,
+  onSizeChange: Function,
+  onLoadingChange: Function,
+  onRequestError: Function,
+  onBeforeSearchSubmit: Function
+}, Fa = /* @__PURE__ */ Te({
+  name: "RequestSelect",
+  props: {
+    fetch: Function,
+    loading: Boolean,
+    debounceTime: Number,
+    manual: {
+      type: Boolean,
+      default: void 0
+    },
+    fieldName: {
+      type: String,
+      default: "options"
+    },
+    notFoundContent: {
+      type: Function
+    }
+  },
+  setup(e, {
+    slots: l
+  }) {
+    const a = O([]), n = O(e.loading ?? !1), s = O("init"), u = fa(e.fetch, e.debounceTime || 10);
+    return z([() => e.fetch, () => e.manual], () => {
+      if (s.value !== "init" && n.value) return;
+      const d = e.manual ?? !1;
+      e.fetch && !d && (n.value = !0, u().then((h) => {
+        a.value = xt(h), s.value = "success";
+      }).catch((h) => {
+        console.error(h), s.value = "error";
+      }).finally(() => {
+        n.value = !1;
+      }));
+    }, {
+      immediate: !0
+    }), () => {
+      const d = l.default?.();
+      return Qe(L(d) ? d[0] : d, {
+        options: a.value,
+        notFoundContent: e.notFoundContent?.(n.value)
+      });
+    };
+  }
+});
+function Pa(e, l) {
+  const a = Oe({});
+  function n() {
+    Object.keys(e).forEach((d) => {
+      s(d, e[d]);
+    });
+    const u = l.find((d) => d.valueType === "dateRange");
+    u && s(u.name || "", e[u.rangeStartName || "start"] ? [
+      e[u.rangeStartName || "start"],
+      e[u.rangeEndName || "end"]
+    ] : []);
+  }
+  dt(() => {
+    n();
+  });
+  function s(u, d) {
+    a[u] = d;
+  }
+  return {
+    formState: a,
+    resetFormState: n,
+    changeFormState: s
+  };
+}
+const Da = (e) => ({
+  [`${e.componentCls}-search`]: {
+    position: "relative",
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    "&-border": {
+      paddingInline: e.paddingMD,
+      paddingBlock: e.paddingMD,
+      paddingBlockEnd: e.paddingMD - 16,
+      border: `${e.lineWidth}px ${e.lineType} ${e.colorSplit}`,
+      borderRadius: e.borderRadiusLG,
+      marginBottom: e.marginLG,
+      backgroundColor: e.colorBgContainer
+    },
+    "&-collapse-buttons": {
+      display: "flex",
+      alignItems: "center",
+      height: e.controlHeight,
+      marginBottom: e.margin,
+      fontSize: e.fontSize,
+      lineHeight: e.lineHeight
+    },
+    [`${e.componentCls}-search-item`]: {
+      display: "flex",
+      alignItems: "center",
+      marginBottom: e.margin,
+      [`${e.componentCls}-search-input-compact`]: {
+        display: "flex",
+        alignItems: "center",
+        [`${e.antCls}-input-number`]: {
+          flex: 1,
+          "&:first-child": {
+            borderRightWidth: 0,
+            "&:hover": {
+              borderRightWidth: 1
+            }
+          },
+          "&:last-child": {
+            borderLeftWidth: 0,
+            "&:hover": {
+              borderLeftWidth: 1
+            }
+          }
+        },
+        [`${e.antCls}-input`]: {
+          width: 30,
+          borderLeftWidth: 0,
+          borderRightWidth: 0,
+          backgroundColor: "transparent",
+          cursor: "default"
+        }
+      },
+      "&-label": {
+        flexShrink: 0,
+        "&::after": {
+          content: '":"',
+          position: "relative",
+          marginBlock: 0,
+          marginInlineStart: e.marginXXS / 2,
+          marginInlineEnd: e.marginXS
+        },
+        [`&${e.componentCls}-search-item-label-no-colon::after`]: {
+          content: '" "'
+        },
+        [`&${e.componentCls}-search-item-label-left`]: {
+          textAlign: "left"
+        },
+        [`&${e.componentCls}-search-item-label-center`]: {
+          textAlign: "center"
+        },
+        [`&${e.componentCls}-search-item-label-right`]: {
+          textAlign: "right"
+        }
+      },
+      "&-children": {
+        width: "100%"
+      }
+    }
+  },
+  [`${e.componentCls}-search-empty-text`]: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center"
+  }
+}), qe = [
+  { value: "xxl", span: 4 },
+  { value: "xl", span: 3 },
+  { value: "lg", span: 2 },
+  { value: "md", span: 2 },
+  { value: "sm", span: 2 },
+  { value: "xs", span: 1 }
+];
+function ce(e, l) {
+  return typeof l == "function" ? l(W(e)) : W(e).format(l);
+}
+function Fe(e, l) {
+  return l ? "YYYY-MM-DD HH:mm:ss" : e ?? "YYYY-MM-DD";
+}
+const ct = (e, l, a = "string") => {
+  if (L(e)) {
+    const [n, s] = e;
+    let u, d;
+    if (Array.isArray(l) ? (u = l[0], d = l[1]) : typeof l == "object" && l.type === "mask" ? (u = l.format, d = l.format) : (u = l, d = l), a === "string") {
+      const h = n ? ce(n, u) : "", y = s ? ce(s, d) : "";
+      return [h, y];
+    }
+    return [W(n), W(s)];
+  }
+};
+function Oa(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !V(e);
+}
+const {
+  useBreakpoint: Ba
+} = va, {
+  MonthPicker: Ia,
+  RangePicker: ja,
+  YearPicker: Aa,
+  WeekPicker: Na,
+  QuarterPicker: za
+} = Ct;
+function Ya(e) {
+  let l = e.reduce((a, n) => n.order !== void 0 ? Math.max(a, n.order) : a, 0);
+  return e.forEach((a) => {
+    a.order === void 0 && (l += 1, a.order = l);
+  }), e.sort((a, n) => a.order - n.order), e;
+}
+const Ma = {
+  modalScroll: be.modalScroll,
+  searchMap: {
+    type: Array,
+    default: () => []
+  },
+  loading: be.loading,
+  cardBordered: be.cardBordered,
+  prefixCls: String,
+  defaultState: Object,
+  onSearch: Function
+}, Ea = /* @__PURE__ */ Te({
+  name: "ProTableForm",
+  inheritAttrs: !1,
+  props: Ma,
+  setup(e, {
+    slots: l,
+    expose: a
+  }) {
+    const {
+      wrapSSR: n,
+      hashId: s
+    } = Xe("ProTableForm", [Da], e.prefixCls), u = mt(), d = Ba(), {
+      autoRequest: h,
+      searchConfig: y,
+      searchActions: P
+    } = _e(), {
+      formState: o,
+      resetFormState: R,
+      changeFormState: v
+    } = Pa(e.defaultState || {}, e.searchMap || []), f = O(y.value?.collapsed ?? y.value?.defaultCollapsed), p = S(() => de(P.value?.reset) ? P.value?.reset : !h.value), w = S(() => K(y.value?.span)), F = S(() => y.value?.label);
+    z(() => y.value?.collapsed, (t) => {
+      f.value = t;
+    });
+    function K(t) {
+      let r = 4;
+      for (let C = 0; C < qe.length; C += 1) {
+        const b = qe[C].value;
+        if (d.value[b]) {
+          r = t?.[b] || (e.modalScroll ? 3 : qe[C].span);
+          break;
+        }
+      }
+      return r;
+    }
+    const le = (t) => {
+      f.value = t;
+    }, fe = (t, r, C) => (t + 1) % r === 0 ? {
+      ...C,
+      marginRight: 0
+    } : {
+      ...C,
+      marginRight: "2%"
+    }, oe = () => {
+      const t = xt(o), r = e.searchMap.find((g) => g.valueType === "text") || "", C = e.searchMap.find((g) => g.valueType === "dateRange") || "", b = e.searchMap.find((g) => g.valueType === "treeSelect");
+      return r && (t[r.name] = o[r.name] || r.initialValue || ""), C && (t[C.rangeStartName || "start"] = t[C.name] ? t[C.name][0] : "", t[C.rangeEndName || "end"] = t[C.name] ? t[C.name][1] : "", delete t[C.name]), b && (b?.name && L(o[b?.name]) && (t[b.name] = o[b.name].length ? o[b.name].map((g) => g[b.valueKey === "text" ? "label" : "value"]).join() : ""), b?.name && L(t[b?.name]) && (t[b.name] = t[b.name].length ? t[b.name].map((g) => g[b.valueKey === "text" ? "label" : "value"]) : "")), t;
+    }, G = (t = !1, r) => {
+      (h.value || t) && e.onSearch?.(oe(), t ? r ? "reset" : "submit" : void 0);
+    }, I = (t, r, C) => {
+      const b = o[r.name || ""];
+      switch (r.valueType) {
+        case "text":
+          v(r.name || "", t || "");
+          break;
+        case "number":
+          v(r.name || "", t || void 0);
+          break;
+        case "numberRange":
+          Be(C?.key) && (b[C.key] = t, v(r.name || "", b || []));
+          break;
+        case "select":
+          v(r.name || "", t ?? void 0);
+          break;
+        case "treeSelect":
+          v(r.name || "", t ?? (r.field?.treeCheckable || r.field?.multiple ? [] : null));
+          break;
+        case "date":
+          v(r.name || "", t ? ce(t, Fe(r.valueFormat, r.showTime)) : null);
+          break;
+        case "dateWeek":
+          v(r.name || "", t ? ce(t, "YYYY-wo") : null);
+          break;
+        case "dateMonth":
+          v(r.name || "", t ? ce(t, "YYYY-MM") : null);
+          break;
+        case "dateQuarter":
+          v(r.name || "", t ? ce(t, "YYYY-QQ") : null);
+          break;
+        case "dateYear":
+          v(r.name || "", t ? ce(t, "YYYY") : null);
+          break;
+        case "dateRange":
+          v(r.name || "", t && L(t) && t.length === 2 ? ct(t, Fe(r.valueFormat, r.showTime)) : null);
+          break;
+        case "time":
+          v(r.name || "", t ? ce(t, r.valueFormat || "HH:mm:ss") : null);
+          break;
+      }
+      r.valueType === "treeSelect" || r.valueType, G();
+    }, ue = (t = !0) => {
+      R(), G(!0, t);
+    };
+    a({
+      getFormState: () => oe(),
+      resetForm: ue
+    });
+    const A = () => {
+      const t = u?.emptyText?.value;
+      if (t) {
+        const r = V(t), C = r ? ft(t) : ht(t || []);
+        return c("div", {
+          class: Z(`${e.prefixCls}-search-empty-text`, s.value)
+        }, [r ? C : L(C) ? C.map((b) => Qe(b)) : void 0]);
+      }
+    }, U = () => (!h.value || p.value) && c(ut, null, {
+      default: () => [p.value && c(st, {
+        onClick: () => ue()
+      }, {
+        default: () => [P.value?.resetText || "重置"]
+      }), !h.value && c(st, {
+        loading: e.loading,
+        type: "primary",
+        onClick: () => G(!0)
+      }, {
+        default: () => [P.value?.searchText || "查询"]
+      })]
+    }), ne = ({
+      formItemStyle: t,
+      collapsed: r,
+      collapseRender: C = !0
+    }) => c("div", {
+      style: t,
+      class: `${e.prefixCls}-search-collapse-buttons ${s.value}`
+    }, [c(ut, {
+      size: 16
+    }, {
+      default: () => [U(), y.value?.collapseRender !== !1 && C && c(Ye, null, [typeof y.value?.collapseRender == "function" ? y.value?.collapseRender(r) : c("span", {
+        class: `${e.prefixCls}-a ${s.value}`,
+        onClick: () => le(!r)
+      }, [r ? "收起" : "展开", r ? c(Vt, null, null) : c(Kt, null, null)])])]
+    })]);
+    function J(t) {
+      return t === void 0 ? void 0 : t ? c(St, {
+        size: "small",
+        indicator: u?.indicator?.value
+      }, null) : A();
+    }
+    function ee(t, r) {
+      return c(Fa, M(t.request, {
+        loading: t.loading,
+        notFoundContent: J
+      }), Oa(r) ? r : {
+        default: () => [r]
+      });
+    }
+    const me = (t) => {
+      let r;
+      const C = h.value ? Ne.Search : Ne, b = Le(t.field || {}, "rules");
+      let g = null;
+      switch (t.valueType) {
+        case "text":
+          r = c(C, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name],
+            placeholder: t.placeholder || "请输入",
+            allowClear: t.allowClear ?? !0,
+            onChange: (i) => I(i.target.value, t),
+            onSearch: (i) => G()
+          }, b), null);
+          break;
+        case "number":
+          r = c(He, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name],
+            placeholder: t.placeholder || "请输入",
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "numberRange":
+          r = c(Ne.Group, {
+            compact: !0,
+            class: Z(s.value, `${e.prefixCls}-search-input-compact`)
+          }, {
+            default: () => [c(He, {
+              value: o[t.name]?.[0],
+              onChange: (i) => I(i, t, {
+                key: 0
+              }),
+              placeholder: L(t.placeholder) && t.placeholder?.[0] || "请输入"
+            }, null), c(Ne, {
+              disabled: !0,
+              placeholder: "~"
+            }, null), c(He, {
+              value: o[t.name]?.[1],
+              onChange: (i) => I(i, t, {
+                key: 1
+              }),
+              placeholder: L(t.placeholder) && t.placeholder?.[1] || "请输入"
+            }, null)]
+          });
+          break;
+        case "select":
+          g = c(ga, M({
+            style: {
+              width: "100%"
+            },
+            value: t.loading ? void 0 : o[t.name],
+            optionFilterProp: "label",
+            placeholder: t.placeholder || "请选择",
+            showSearch: t.showSearch,
+            allowClear: t.allowClear ?? !0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            notFoundContent: J(t.loading),
+            onChange: (i) => I(i, t),
+            options: t.loading ? [] : t?.valueEnum || []
+          }, b), null);
+          break;
+        case "treeSelect":
+          g = c(pa, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name],
+            placeholder: t.placeholder || "请选择",
+            allowClear: t.allowClear ?? !0,
+            treeData: t.loading ? [] : t.valueEnum || [],
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            notFoundContent: J(t.loading),
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "date":
+          r = c(Ct, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name] ? W(o[t.name]) : void 0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            placeholder: t.placeholder || "请选择",
+            allowClear: t.allowClear ?? !0,
+            format: Fe(t.valueFormat, t.showTime),
+            showTime: t.showTime,
+            showToday: t.showToday || !0,
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "dateWeek":
+          r = c(Na, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name] ? W(o[t.name], t.valueFormat || "YYYY-wo") : void 0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            allowClear: t.allowClear ?? !0,
+            placeholder: t.placeholder || "请选择",
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "dateMonth":
+          r = c(Ia, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name] ? W(o[t.name], t.valueFormat || "YYYY-MM") : void 0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            allowClear: t.allowClear ?? !0,
+            placeholder: t.placeholder || "请选择",
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "dateQuarter":
+          r = c(za, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name] ? W(o[t.name], t.valueFormat || "YYYY-QQ") : void 0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            allowClear: t.allowClear ?? !0,
+            placeholder: t.placeholder || "请选择",
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "dateYear":
+          r = c(Aa, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name] ? W(o[t.name], t.valueFormat || "YYYY") : void 0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            allowClear: t.allowClear ?? !0,
+            placeholder: t.placeholder || "请选择",
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "dateRange":
+          r = c(ja, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name] && L(o[t.name]) && o[t.name]?.length === 2 ? ct(o[t.name], Fe(t.valueFormat, t.showTime), "dayjs") : void 0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            placeholder: t.placeholder || ["开始日期", "结束日期"],
+            format: Fe(t.valueFormat, t.showTime),
+            showTime: t.showTime,
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+        case "time":
+          r = c(ha, M({
+            style: {
+              width: "100%"
+            },
+            value: o[t.name] ? W(o[t.name], t.valueFormat || "HH:mm:ss") : void 0,
+            getPopupContainer: (i) => i && i.parentNode ? i.parentNode : i,
+            placeholder: t.placeholder || "请选择",
+            allowClear: t.allowClear || t.allowClear === !1 ? t.allowClear : !0,
+            use12Hours: t.use12Hours,
+            format: t.valueFormat || "HH:mm:ss",
+            onChange: (i) => I(i, t)
+          }, b), null);
+          break;
+      }
+      return t.valueType && ["select", "treeSelect"].includes(t.valueType) && (r = t.request ? ee(t, g) : g), r;
+    }, ve = ({
+      formItemStyle: t = {},
+      item: r
+    }) => {
+      const C = V(r) ? r.props?.label : r.label, b = (V(r) ? r.props?.labelWidth : r.labelWidth) || F.value?.width, g = (V(r) ? r.props?.labelAlign : r.labelAlign) || F.value?.align;
+      return c("div", {
+        class: `${e.prefixCls}-search-item`,
+        style: {
+          ...t,
+          gap: F.value?.gap ? it(F.value?.gap) : void 0
+        }
+      }, [C && c("div", {
+        class: Z(`${e.prefixCls}-search-item-label`, F.value?.colon === !1 && `${e.prefixCls}-search-item-label-no-colon`, g && `${e.prefixCls}-search-item-label-${g}`),
+        style: {
+          width: b ? it(b) : void 0
+        }
+      }, [C]), c("div", {
+        class: Z(`${e.prefixCls}-search-item-children`)
+      }, [V(r) ? r : me(r)])]);
+    }, Q = () => {
+      let t = l.default?.() || [];
+      t.length === 1 && t[0].type === "template" && (t = t[0]?.children || []);
+      const r = Ya([...e.searchMap, ...t.map((b) => ({
+        ...b,
+        order: b.props?.order || void 0
+      }))]), C = {
+        width: `${(100 - (w.value - 1) * 2) / w.value}%`
+      };
+      return r.map((b, g) => {
+        const i = fe(g, w.value, C);
+        return r.length < w.value || f.value ? c(Ye, null, [ve({
+          formItemStyle: i,
+          item: b
+        }), g === r.length - 1 && ne({
+          formItemStyle: {
+            flex: 1,
+            justifyContent: "flex-end"
+          },
+          collapsed: f.value,
+          collapseRender: !!f.value
+        })]) : c(Ye, null, [g < w.value - 1 && ve({
+          formItemStyle: i,
+          item: b
+        }), g === w.value - 1 && (w.value - 1 === 0 || r.length === w.value) && ve({
+          formItemStyle: i,
+          item: b
+        }), g === w.value - 1 && r.length >= w.value && ne({
+          formItemStyle: {
+            flex: 1,
+            justifyContent: "flex-end"
+          },
+          collapsed: !1,
+          collapseRender: r.length !== w.value
+        })]);
+      });
+    };
+    return () => {
+      const t = e.cardBordered && `${e.prefixCls}-search-border`;
+      return n(c("div", {
+        class: Z(s.value, `${e.prefixCls}-search`, t, s.value, y.value?.className)
+      }, [Q()]));
+    };
+  }
+}), La = (e) => ({
+  [`${e.componentCls}`]: {
+    lineHeight: 1,
+    "&-container": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: e.padding,
+      paddingBottom: e.padding,
+      "&-mobile": {
+        flexDirection: "column",
+        flexWrap: "wrap",
+        alignItems: "flex-start",
+        [`${e.componentCls}-left`]: {
+          flexWrap: "wrap",
+          maxWidth: "100%"
+        },
+        [`${e.componentCls}-right`]: {
+          width: "100%"
+        }
+      }
+    },
+    "&-title": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      color: e.colorTextHeading,
+      fontWeight: "500",
+      fontSize: e.fontSizeLG
+    },
+    "&-left": {
+      display: "flex",
+      flexWrap: "wrap",
+      alignItems: "center",
+      gap: e.marginXS,
+      justifyContent: "flex-start",
+      [`${e.antCls}-tabs`]: {
+        width: "100%"
+      },
+      "&-has-tabs": {
+        overflow: "hidden"
+      }
+    },
+    "&-right": {
+      flex: 1,
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-end",
+      gap: e.marginXS
+    },
+    "&-setting-items": {
+      display: "flex",
+      gap: e.marginXS,
+      lineHeight: "32px",
+      alignItems: "center"
+    },
+    "&-setting-item": {
+      color: e.colorIconHover,
+      fontSize: e.fontSizeLG,
+      cursor: "pointer",
+      "> span": { display: "block", width: "100%", height: "100%" },
+      "&:hover": {
+        color: e.colorPrimary
+      }
+    }
+  }
+});
+function Wa(e) {
+  if (V(e))
+    return e;
+  if (e) {
+    const l = e, {
+      icon: a,
+      tooltip: n,
+      onClick: s,
+      key: u
+    } = l;
+    return a && n ? c(we, {
+      title: n,
+      key: u
+    }, {
+      default: () => [c("span", {
+        key: u,
+        onClick: () => {
+          s && s(u);
+        }
+      }, [a])]
+    }) : a;
+  }
+  return null;
+}
+const Tt = /* @__PURE__ */ Te({
+  props: {
+    actions: [Array],
+    settings: [Array],
+    titleTip: be.titleTip,
+    prefixCls: String,
+    headerTitle: be.headerTitle,
+    titleTipText: be.titleTipText,
+    actionsPlacement: String
+  },
+  setup(e) {
+    const {
+      wrapSSR: l,
+      hashId: a
+    } = Xe("ListToolBar", [La], e.prefixCls), n = vt(), {
+      isMobile: s
+    } = _e(), u = S(() => !!(e.titleTip || e.headerTitle)), d = Pe(() => {
+      if (!Array.isArray(e.actions) || e.actions?.length < 1)
+        return {
+          left: null,
+          right: null
+        };
+      const v = e.actions.filter((p) => V(p)).filter((p) => (p?.props?.placement || e.actionsPlacement) === "left"), f = e.actions.filter((p) => V(p)).filter((p) => (p?.props?.placement || e.actionsPlacement) === "right");
+      return {
+        left: v.length ? c("div", {
+          class: `${e.prefixCls}-actions ${a.value}`
+        }, [v]) : null,
+        right: f.length ? c("div", {
+          class: `${e.prefixCls}-actions ${a.value}`
+        }, [f]) : null
+      };
+    }, [() => e.actions, () => e.actionsPlacement]), h = S(() => !!(e.titleTip || e.headerTitle || d.value.left)), y = S(() => !!(e.settings?.length || d.value.right)), P = Pe(() => {
+      if (!h.value && y.value)
+        return c("div", {
+          class: `${e.prefixCls}-left ${a.value}`
+        }, null);
+      const v = d.value.left;
+      return u.value ? c("div", {
+        class: `${e.prefixCls}-left ${a.value}`
+      }, [c("div", {
+        class: `${e.prefixCls}-title ${a.value}`
+      }, [e.headerTitle, e.titleTip && c(we, {
+        title: e.titleTipText
+      }, {
+        default: () => [de(e.titleTip) && e.titleTip ? c(Gt, null, null) : e.titleTip]
+      })]), v]) : c("div", {
+        class: `${e.prefixCls}-left ${a.value}`
+      }, [v]);
+    }, [() => h.value, () => y.value, () => u.value, () => e.prefixCls, () => e.headerTitle, () => e.titleTipText, () => e.titleTip]), o = Pe(() => {
+      if (!y.value) return null;
+      const v = d.value.right;
+      return c("div", {
+        class: `${e.prefixCls}-right ${a.value}`,
+        style: {
+          alignItems: n.value.lg ? "center" : "flex-end",
+          flexDirection: n.value.lg ? "row" : "column"
+        }
+      }, [v, e.settings?.length ? c("div", {
+        class: Z(`${e.prefixCls}-setting-items`, a.value)
+      }, [e.settings.map((f, p) => {
+        const w = Wa(f);
+        return c("div", {
+          key: p,
+          class: Z(`${e.prefixCls}-setting-item`, a.value)
+        }, [w]);
+      })]) : null]);
+    }, [() => n.value, () => y.value, () => e.prefixCls, () => u.value, () => d.value, () => e.settings]), R = Pe(() => {
+      if (!y.value && !h.value) return null;
+      const v = {
+        [`${a.value}`]: !0,
+        [`${e.prefixCls}-container`]: !0,
+        [`${e.prefixCls}-container-mobile`]: s.value
+      };
+      return c("div", {
+        class: v
+      }, [P.value, o.value]);
+    }, [() => s.value, () => h.value, () => y.value, () => P.value, () => e.prefixCls, () => o.value]);
+    return () => l(c("div", {
+      class: `${e.prefixCls} ${a.value}`
+    }, [R.value]));
+  }
+});
+Tt.inheritAttrs = !1;
+const Rt = /* @__PURE__ */ Te({
+  setup() {
+    const {
+      isFullscreen: e
+    } = bt();
+    return () => e.value ? c(we, {
+      title: "退出全屏"
+    }, {
+      default: () => [c(Qt, null, null)]
+    }) : c(we, {
+      title: "全屏"
+    }, {
+      default: () => [c(Xt, null, null)]
+    });
+  }
+});
+function ka() {
+  return {
+    reload: {
+      text: "刷新",
+      icon: c(_t, null, null)
+    },
+    fullScreen: {
+      text: "全屏",
+      icon: c(Rt, null, null)
+    }
+  };
+}
+function Ha(e, l) {
+  return gt(e).filter((a) => a).map((a) => {
+    const n = e[a];
+    if (!n)
+      return null;
+    let s = n === !0 ? l[a] : () => n?.();
+    if (typeof s != "function" && (s = () => {
+    }), a === "fullScreen")
+      return c("span", {
+        key: a,
+        onClick: s
+      }, [c(Rt, null, null)]);
+    const u = ka()[a];
+    return u ? c("span", {
+      key: a,
+      onClick: s
+    }, [c(we, {
+      title: u.text
+    }, {
+      default: () => [u.icon]
+    })]) : null;
+  }).filter((a) => a);
+}
+const qa = {
+  options: [Boolean, Object, Array],
+  actionsPlacement: [String],
+  titleTip: [Function, Boolean, Object, String],
+  settingExtra: [Function, Boolean, Object, Array],
+  titleTipText: [String],
+  actionsRender: [Array],
+  headerTitle: [Function, Boolean, Object, Array, String]
+}, Va = /* @__PURE__ */ Te({
+  props: qa,
+  inheritAttrs: !1,
+  setup(e) {
+    const l = pt({
+      suffixCls: "table-list-toolbar",
+      isPor: !0
+    }), {
+      action: a
+    } = _e(), n = Pe(() => {
+      const s = {
+        reload: () => a?.reload(),
+        fullScreen: () => a?.toggle()
+      }, u = k(e.options) ? e.options : {};
+      return Ha({
+        reload: () => a?.reload(),
+        fullScreen: () => a?.toggle(),
+        ...u
+      }, {
+        ...s
+      });
+    }, [() => e.options]);
+    return () => {
+      const s = e.actionsRender || [];
+      return c(Tt, {
+        prefixCls: l,
+        headerTitle: e.headerTitle,
+        actions: s,
+        actionsPlacement: e.actionsPlacement,
+        settings: T(n),
+        titleTip: e.titleTip,
+        titleTipText: e.titleTipText
+      }, null);
+    };
+  }
+});
+function Ka(e) {
+  return Wt();
+}
+function Ga(e, l = !0, a) {
+  Ka() ? Et(e, a) : l ? e() : Lt(e);
+}
+function Qa(e) {
+  const l = S(() => e.draggable), a = S(() => e.neverScroll), n = S(() => e.autoScroll);
+  return {
+    draggable: l,
+    neverScroll: a,
+    autoScroll: n
+  };
+}
+function Xa({ scroll: e, columns: l, breakpoint: a, draggable: n, autoScroll: s, neverScroll: u }) {
+  const d = O([]);
+  z([
+    () => e.value,
+    () => l.value,
+    () => a.value,
+    () => n.value,
+    () => a.value,
+    () => s.value,
+    () => u.value
+  ], () => {
+    const f = P(ye(l.value));
+    Ge(f, ye(d.value)) || (d.value = _(f));
+  }, {
+    deep: !0,
+    immediate: !0
+  });
+  const h = S(() => {
+    const f = y(T(d).filter((F) => F.fixed === "left")), p = y(T(d).filter((F) => F.fixed !== "left" && F.fixed !== "right")), w = y(T(d).filter((F) => F.fixed === "right"));
+    return [
+      ...f,
+      ...p,
+      ...w
+    ];
+  });
+  function y(f) {
+    return f.sort((p, w) => ta(p, w, "order", 0));
+  }
+  function P(f) {
+    return _(f).map((p, w) => {
+      if (p.dataIndex === "action" || w === f.length - 1 ? p.resizable = !1 : p.resizable = de(p.resizable) ? p.resizable : !!(Be(p.width) && T(n)), !p.width || T(u))
+        return p;
+      if (p.dataIndex === "action" && T(s))
+        if (T(e)?.x || !T(a))
+          p.width = p.width || 100, p.fixed = "right";
+        else {
+          const F = T(l).find((K) => K.dataIndex === p.dataIndex);
+          p.width = F?.width || "", p.fixed = F?.fixed;
+        }
+      return p;
+    });
+  }
+  function o(f, p) {
+    d.value = d.value.map((w) => (w.uuid === p.uuid && (w.width = f), w));
+  }
+  function R(f) {
+    if (f.length <= 0) {
+      d.value = [];
+      return;
+    }
+    Ge(P(f), ye(d.value)) || (d.value = P(f));
+  }
+  function v(f) {
+    R(_(ye(l.value)).map((p) => {
+      const w = p.key ? {
+        show: f[p.key]?.show,
+        fixed: f[p.key]?.fixed,
+        order: f[p.key]?.order
+      } : {};
+      return { ...p, ...w };
+    }));
+  }
+  return {
+    breakpoint: a,
+    proColumns: h,
+    setColumns: R,
+    changeColumns: v,
+    resizeColumnWidth: o
+  };
+}
+function _a(e, l) {
+  const a = S(() => l), n = O(), s = O(e);
+  function u() {
+    n.value && clearTimeout(n.value);
+  }
+  async function d(...h) {
+    return a.value === 0 || a.value === void 0 ? s.value(...h) : (u(), new Promise(async (y) => {
+      h[0]?.immediate ? y(await s.value(...h)) : n.value = setTimeout(async () => {
+        y(await s.value(...h));
+      }, a.value);
+    }));
+  }
+  return Jt(u), {
+    cancel: u,
+    run: d
+  };
+}
+function Ua(e) {
+  const l = S(() => e.rowKey), a = S(() => e.polling), n = S(() => e.debounceTime), s = S(() => e.dataSource);
+  return {
+    rowKey: l,
+    polling: a,
+    request: e.request,
+    postData: e.postData,
+    debounceTime: n,
+    dataSource: s
+  };
+}
+function Ja({ rowKey: e, polling: l, request: a, postData: n, dataSource: s, waitRequest: u, debounceTime: d }, { search: h, columns: y, loading: P, setLoading: o, setColumns: R, removeRowKeys: v, syncSelectedRows: f, formState: p, setPagination: w, paginationInfo: F, onBeforeSearchSubmit: K, hasCustomRender: le }, fe) {
+  const oe = O(), G = O(!0), I = O(!1), ue = O(!1), A = O([]), U = O(), ne = S(() => k(h.value) ? h.value?.autoRequest ?? !0 : !0), J = async (g = {}) => {
+    const { pagination: i, filters: B = {}, sorter: X = {}, removeKeys: se = [], isPolling: te = !1, extra: re } = g;
+    if (!a || !De(a) || T(u) && P.value || I.value)
+      return s.value || [];
+    if (I.value = !0, !te || T(u) || G.value ? o(!0) : t(!0), T(u)) {
+      G.value = !1, I.value = !1;
+      return;
+    }
+    i && w(i);
+    try {
+      let E = {};
+      if (de(i) && !i || de(F))
+        E = {};
+      else {
+        const { current: ae = 1, pageSize: pe = 10, total: ge } = T(F) || {};
+        E.pageNum = na({ current: ae, pageSize: pe, total: ge }, se.length), se.length && v(se), E.pageSize = pe;
+      }
+      const he = k(X) ? Object.keys(X).length ? [X] : [] : X;
+      R(T(y).map((ae) => {
+        const pe = he.find((ge) => (ge?.columnKey || ge?.field) === ae.dataIndex);
+        return {
+          ...ae,
+          sortOrder: pe?.order
+        };
+      }));
+      let Ce = {
+        ...E,
+        ...g.params,
+        ...ye(p)
+      };
+      K && De(K) && (Ce = await K({
+        params: Ce,
+        sorter: he,
+        filter: B,
+        extra: re
+      }));
+      let ie = [];
+      const Se = await a?.({
+        params: _(ye(Ce)),
+        sorter: he,
+        filter: B,
+        extra: re
+      });
+      if (I.value = !1, Se && Se?.success) {
+        ie = Se.data || [], n && De(n) && (ie = await n?.(ie)), f(ie);
+        const ae = Se.total || ie?.length || 0;
+        return ae !== T(F)?.total && w({
+          total: ae || 0
+        }), C(ie), ie;
+      } else
+        return [];
+    } catch (E) {
+      A.value === void 0 && C([]), fe("requestError", E);
+    } finally {
+      G.value = !1, o(!1);
+    }
+    return [];
+  }, ee = _a(async (g) => {
+    U.value && clearTimeout(U.value);
+    const i = await J(g), B = aa(l.value, i);
+    return B && !oe.value && (U.value = setTimeout(() => {
+      ee.run({ ...g, isPolling: B });
+    }, Math.max(B, 2e3))), i;
+  }, d.value || 10);
+  kt(() => {
+    oe.value = !0, clearTimeout(U.value);
+  }), Ht(() => {
+    oe.value = !0, clearTimeout(U.value);
+  }), z(() => l.value, () => {
+    l.value ? ee.run({ isPolling: !0 }) : clearTimeout(U.value);
+  }, { immediate: !0 }), z([() => u.value, () => s.value], () => {
+    me();
+  }, { deep: !0, immediate: !0 }), z(() => p, () => {
+    ne.value && me();
+  }, { deep: !0, immediate: !0 });
+  function me() {
+    a ? (!G.value || !l.value) && ee.run({ isPolling: !1 }) : C(s.value || []);
+  }
+  const ve = S(() => {
+    if (le.value)
+      return T(A);
+    const g = y.value.filter((i) => i.show || i.show === void 0);
+    return !T(A) || !g || g.length === 0 ? [] : T(A);
+  }), Q = S(() => T(A).some((g) => L(g.children) && g.children.length > 0));
+  function t(g) {
+    ue.value = g;
+  }
+  function r(g, i, B, X) {
+    ee.run({ pagination: g, filters: i, sorter: B, extra: X, isPolling: !1 }), fe("change", g, i, B, X);
+  }
+  function C(g) {
+    const i = la(_(g), T(F.value));
+    if (!Ge(i, A.value) && (A.value = i, !a || !De(a))) {
+      const B = i.length || 0;
+      B !== T(F)?.total && w({
+        total: B
+      });
+    }
+  }
+  return {
+    dataSource: ve,
+    isTreeDataRef: Q,
+    reSetDataList: C,
+    changeDataValue: (g) => {
+      const { key: i, row: B, value: X, type: se = "update" } = g, te = i ?? e.value, re = B?.[te] ?? X;
+      switch (!B && se !== "delete" && console.warn("row is required"), se) {
+        case "update":
+          te && re && B && (A.value = A.value.map((E) => re === E[te] ? xe(E, B) : E));
+          break;
+        case "push":
+          B && A.value.push(B);
+          break;
+        case "unshift":
+          B && A.value.unshift(B);
+          break;
+        case "delete":
+          te && (A.value = A.value.filter((E) => X !== E[te]));
+          break;
+      }
+    },
+    handleTableChange: r,
+    reload: async (g) => {
+      Me(a) ? await ee.run({ ...g, isPolling: !1 }) : fe("reload");
+    }
+  };
+}
+function Za(e) {
+  const l = O(a(e.loading.value));
+  z(() => e.loading.value, (s) => {
+    l.value = a(s, l.value);
+  });
+  function a(s, u = !1) {
+    return de(s) ? s : k(s) ? s?.spinning ?? u : u;
+  }
+  function n(s) {
+    l.value = s;
+  }
+  return [l, n];
+}
+const ze = {
+  current: 1,
+  pageSize: 10,
+  size: "default",
+  showQuickJumper: !0,
+  showSizeChanger: !0,
+  pageSizeOptions: ["10", "20", "50", "100"]
+};
+function el({
+  pagination: e,
+  pageItemRender: l
+}) {
+  const a = O({
+    ...ze
+  }), n = Oe({
+    pageNum: ze.current,
+    pageSize: ze.pageSize
+  });
+  z(() => e.value, () => {
+    if (e.value === !1) {
+      a.value = !1;
+      return;
+    }
+    const u = De(l) ? {
+      itemRender: ({
+        page: h,
+        type: y,
+        originalElement: P
+      }) => l ? l({
+        page: h,
+        type: y,
+        originalElement: P
+      }) : null
+    } : null, d = {
+      ...ze,
+      ...e.value || {},
+      ...u || {}
+    };
+    e.value?.showTotal || (d.showTotal = (h) => `共${h < d.pageSize ? 1 : Math.ceil(h / (d.pageSize || 10))}页 ${h}条记录`), a.value = d, Object.assign(n, {
+      pageNum: d.current,
+      pageSize: d.pageSize
+    });
+  }, {
+    deep: 1,
+    immediate: !0
+  });
+  function s(u) {
+    if (k(a.value) && k(u)) {
+      const d = {};
+      Object.keys(u).forEach((h) => {
+        Object.prototype.hasOwnProperty.call(u, h) && a.value[h] === u[h] || (d[h] = u[h]);
+      }), Object.keys(d).length > 0 && (Object.assign(a.value, d), tl(d) && Object.assign(n, d));
+    }
+  }
+  return {
+    paginationInfo: a,
+    requestPagination: n,
+    setPagination: s
+  };
+}
+function tl(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const l = Object.keys(e);
+  return l.length === 2 && l.includes("pageNum") && l.includes("pageSize");
+}
+function al(e, l) {
+  const a = O([]), n = O([]);
+  z(() => l.value?.selectedRows, (o) => {
+    n.value = _(o || []);
+  }, {
+    deep: !0,
+    immediate: !0
+  }), z(() => l.value?.selectedRowKeys, (o) => {
+    a.value = ia([...o || []]);
+  }, {
+    deep: !0,
+    immediate: !0
+  });
+  const s = (o, R) => {
+    const v = l.value?.type || "checkbox";
+    e.value && (R ? o?.[e.value] && v === "checkbox" ? (a.value.push(o[e.value]), n.value.push(o)) : (a.value = [o[e.value]], n.value = [o]) : (a.value = a.value.filter((f) => f !== o[e.value]), n.value = n.value.filter((f) => f[e.value] !== o[e.value])));
+  }, u = () => {
+    l.value && l.value?.onChange?.(a.value, n.value);
+  };
+  return {
+    selectedKeys: a,
+    selectedItems: n,
+    selectRowKey: s,
+    selectAllRowKey: (o, R, v) => {
+      e.value && (o ? R.map((f) => (a.value.every((p) => p !== f?.[e.value]) && f?.[e.value] && (a.value.push(f[e.value]), n.value.push(f)), f)) : v.map((f) => (a.value.includes(f?.[e.value]) && (a.value = a.value.filter((p) => p !== f[e.value]), n.value = n.value.filter((p) => p[e.value] !== f[e.value])), f)));
+    },
+    removeRowKeys: (o) => {
+      a.value = a.value.filter((R) => !o.includes(R)), n.value = n.value.filter((R) => !o.includes(R?.[e.value || ""])), u();
+    },
+    changeRowKey: u,
+    syncSelectedRows: (o) => {
+      if (e.value && a.value.length !== n.value.length) {
+        const R = n.value.map((f) => f[e.value]), v = a.value.filter((f) => !R.includes(f));
+        o.forEach((f) => {
+          v.includes(f[e.value]) && n.value.push(_(f));
+        });
+      }
+    },
+    clearAllRowKeys: () => {
+      a.value = [], n.value = [], u();
+    }
+  };
+}
+function ll(e) {
+  const l = {};
+  return e.forEach((a) => {
+    let n = a.initialValue;
+    const s = ["select", "number"], u = ["date", "time", "dateRange"], d = ["treeSelect", "numberRange"];
+    a.valueType ? !n && s.includes(a.valueType) ? n = void 0 : !n && u.includes(a.valueType) ? n = null : !n && d.includes(a.valueType) ? n = [] : n || (n = "") : n || (n = ""), a.name === "dateRange" ? (l[a.rangeStartName || "start"] = n ? n[0] : null, l[a.rangeEndName || "end"] = n ? n[1] : null) : a.name && (l[a.name] = n);
+  }), l;
+}
+function nl({ searchMap: e, params: l, columns: a, setPagination: n }) {
+  const s = Oe({ ...l.value || {} }), u = Oe({}), d = O([]);
+  function h(o) {
+    o.forEach((R) => {
+      d.value.some((v) => v.name === R.name) ? d.value = d.value.map((v) => v.name === R.name ? {
+        ...v,
+        ...R
+      } : v) : d.value.push(R);
+    });
+  }
+  const y = (o) => {
+    const R = [];
+    if ((o === "all" || o === "searchMap") && (e.value?.forEach((v) => R.push(v)), h(R)), (o === "all" || o === "columns") && a.value?.length && (a.value && a.value.forEach((v) => {
+      v.searchConfig && R.push(v.searchConfig);
+    }), h(R)), o === "all" || o === "searchMap" || o === "columns") {
+      n({ current: 1 });
+      const v = ll(R);
+      Ee(u, { ...v });
+      for (const f in u)
+        s[f] || (s[f] = v[f]);
+    }
+    (o === "all" || o === "params") && (n({ current: 1 }), Ee(s, {
+      ...l.value || {}
+    }));
+  };
+  qt(() => {
+    y("all");
+  }), z(() => l.value, () => {
+    y("params");
+  }, { deep: !0 }), z(() => e.value, () => {
+    y("searchMap");
+  }, { deep: !0 }), z(() => a.value, () => {
+    y("columns");
+  }, { deep: !0 });
+  function P(o) {
+    n({ current: 1 }), Ee(s, { ...o });
+  }
+  return { formDataRef: d, formState: s, defaultState: u, setFormState: P };
+}
+function il({ scroll: e, columns: l, autoScroll: a, modalScroll: n, neverScroll: s, rowSelection: u, screens: d, innerWidth: h, scrollBreakpoint: y }) {
+  const P = S(() => y.value ? Be(y.value) ? h.value > y.value : yt(y.value) ? d.value?.[y.value] : d.value?.xl : d.value?.xl), o = S(() => {
+    let v = 0;
+    const f = T(u) ? 60 : 0, p = 150, w = _(T(l));
+    w.forEach((le) => {
+      v += Number.parseInt(String(le.width)) || 0;
+    });
+    const K = w.filter((le) => !Reflect.has(le, "width")).length;
+    return K !== 0 && (v += K * p), f && (v += f), v;
+  });
+  return { proScroll: S(() => s.value ? {} : e.value && gt(e.value).length ? T(e) : n.value ? {
+    y: e.value?.y || (d.value?.xl ? 400 : 235)
+  } : a.value ? P.value ? {} : de(P.value) ? { x: o.value } : {} : {}), breakpoint: P };
+}
+function ol(e) {
+  const l = O(e.size.value || "middle");
+  z(() => e.size.value, (n) => l.value = n);
+  function a(n) {
+    l.value = n || l.value;
+  }
+  return [l, a];
+}
+const Ve = (e) => ({
+  "&::-webkit-scrollbar": {
+    width: 4,
+    height: 4
+  },
+  "&::-webkit-scrollbar-thumb": {
+    backgroundColor: e.colorTextTertiary,
+    borderRadius: e.borderRadiusSM
+  },
+  "&::-webkit-scrollbar-track": {
+    backgroundColor: e.colorTextTertiary,
+    borderRadius: e.borderRadiusSM
+  }
+}), ul = (e) => {
+  const l = `${e.antCls}-table`;
+  return {
+    [e.componentCls]: {
+      "&-a": {
+        cursor: "pointer",
+        color: e.colorPrimary,
+        "&:hover": {
+          color: e.colorPrimaryHover
+        }
+      },
+      [`${l}`]: {
+        [`${l}-cell-ellipsis`]: {
+          overflow: "unset",
+          whiteSpace: "unset"
+        }
+      },
+      "&-empty-text": {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      "&-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"
+          }
+        },
+        [`${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
+          }
+        }
+      },
+      "&-wrapper": {
+        clear: "both",
+        maxWidth: "100%",
+        [`${e.componentCls}-pagination${e.antCls}-pagination`]: {
+          margin: `${e.margin}px 0`
+        },
+        [`${e.componentCls}-pagination`]: {
+          display: "flex",
+          flexWrap: "wrap",
+          rowGap: e.paddingXS,
+          "> *": {
+            flex: "none"
+          },
+          "&-left": {
+            justifyContent: "flex-start"
+          },
+          "&-center": {
+            justifyContent: "center"
+          },
+          "&-right": {
+            justifyContent: "flex-end"
+          }
+        }
+      },
+      "&-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"
+        },
+        [`${e.antCls}-tree > ${e.antCls}-tree-treenode`]: {
+          width: "100%",
+          alignItems: "center",
+          "&:first-child": {
+            paddingTop: 0
+          },
+          "&:last-child": {
+            paddingBottom: 4
+          },
+          "&:hover": {
+            backgroundColor: "#e6f7ff",
+            [`${e.componentCls}-action-columns-list-item-actions`]: {
+              display: "block"
+            }
+          }
+        },
+        [`${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
+            }
+          }
+        }
+      },
+      // ant-class
+      [`${e.antCls}-tooltip-inner`]: {
+        a: {
+          color: e.colorWhite
+        }
+      },
+      [`&${e.componentCls}-beautify-scroll`]: {
+        [`${e.antCls}-table-content`]: Ve(e),
+        [`${e.antCls}-table-body`]: Ve(e),
+        [`${e.antCls}-table-empty`]: {
+          [`${e.antCls}-table-content`]: Ve(e)
+        }
+      }
+    }
+  };
+};
+function sl(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !V(e);
+}
+function rl(e, l, a, n) {
+  if (!l) return e;
+  let s = e;
+  if (k(l)) {
+    const u = l.node === "a" ? "span" : l.node;
+    return c(u, M(l?.attr || {}, {
+      class: [l.class, l.node === "a" ? `${a}-a` : ""],
+      onClick: l.click
+    }), sl(e) ? e : {
+      default: () => [e]
+    });
+  }
+  switch (l) {
+    case "link":
+      s = c("span", {
+        class: [`${a}-a`, n]
+      }, [e]);
+      break;
+    case "time":
+      s = W(e).format("HH:mm:ss");
+      break;
+    case "dateMonth":
+      s = `${W(e).month() + 1}月`;
+      break;
+    case "date":
+      s = W(e).format("YYYY-MM-DD");
+      break;
+    case "dateTime":
+      s = W(e).format("YYYY-MM-DD HH:mm:ss");
+      break;
+  }
+  return s;
+}
+function cl(e, l) {
+  const a = l && l.current || 1, n = l && l.pageSize || 10;
+  return e.filter((s, u) => u < a * n && u >= n * (a - 1));
+}
+function dl(e) {
+  const l = document.createElement("textarea");
+  l.style.position = "absolute", l.style.opacity = "0", l.value = e, document.body.appendChild(l), l.select(), document.execCommand("copy"), document.body.removeChild(l);
+}
+function fl(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !V(e);
+}
+const ml = {
+  reload: !0,
+  fullScreen: !0
+}, vl = ya.useToken, Ke = /* @__PURE__ */ Te({
+  name: "GProTable",
+  inheritAttrs: !1,
+  props: be,
+  emits: ["reset", "reload", "submit", "sizeChange", "expandedRowsChange", "expand", "change", "requestError", "columnsStateChange", "loadingChange"],
+  slots: Object,
+  setup(e, {
+    emit: l,
+    slots: a,
+    attrs: n,
+    expose: s
+  }) {
+    const u = pt({
+      suffixCls: "table",
+      isPor: !0
+    }), {
+      wrapSSR: d,
+      hashId: h
+    } = Xe("ProBaseTable", [ul], u), {
+      token: y
+    } = vl(), P = ea(), o = vt(), {
+      width: R
+    } = ma(), v = O(!1), f = mt(), p = O(), w = O(), F = O(e.waitRequest);
+    dt(() => F.value = e.waitRequest);
+    const {
+      toggle: K,
+      isFullscreen: le
+    } = bt(p), fe = S(() => ({
+      ...e
+    })), oe = S(() => !o.value.xl), G = S(() => (e.virtualScroll && Ta(!e.scroll?.y, "参数scroll的Y值不能为空！"), !!(e.scroll?.y && e.virtualScroll))), I = S(() => e.search === !1 ? !1 : k(e.search) ? e.search : {
+      type: "auto",
+      resetText: "重置",
+      searchText: "查询"
+    }), ue = S(() => I.value === !1 ? {} : I.value), A = S(() => ue.value?.autoRequest ?? !0), U = S(() => ue.value?.actions), ne = S(() => {
+      const m = (e.columns || []).filter((x) => x.key || x.dataIndex).map((x) => {
+        const $ = x.key || x.dataIndex;
+        return x.key = $, x.dataIndex = $, x.align = x.align || e.align, x.uuid = x.uuid || oa().uuid(15), x;
+      });
+      return ua(m, {
+        align: e.align ?? "left",
+        showIndex: e.showIndex ?? !1
+      });
+    }), [J, ee] = Za({
+      loading: q(e, "loading")
+    }), [me, ve] = ol({
+      size: q(e, "size")
+    }), {
+      paginationInfo: Q,
+      requestPagination: t,
+      setPagination: r
+    } = el({
+      pagination: q(e, "pagination"),
+      pageItemRender: ot({
+        slots: a,
+        props: e,
+        key: "pageItemRender"
+      })
+    }), {
+      proScroll: C,
+      breakpoint: b
+    } = il({
+      scroll: q(e, "scroll"),
+      autoScroll: q(e, "autoScroll"),
+      modalScroll: q(e, "modalScroll"),
+      neverScroll: q(e, "neverScroll"),
+      rowSelection: q(e, "rowSelection"),
+      scrollBreakpoint: q(e, "scrollBreakpoint"),
+      innerWidth: R,
+      columns: ne,
+      screens: o
+    }), g = Qa(e), {
+      proColumns: i,
+      setColumns: B,
+      changeColumns: X,
+      resizeColumnWidth: se
+    } = Xa({
+      ...g,
+      breakpoint: b,
+      scroll: C,
+      columns: ne
+    }), {
+      formDataRef: te,
+      formState: re,
+      defaultState: E,
+      setFormState: he
+    } = nl({
+      searchMap: q(e, "searchMap"),
+      params: q(e, "params"),
+      columns: ne,
+      setPagination: r
+    }), {
+      selectedKeys: Ce,
+      selectedItems: ie,
+      changeRowKey: Se,
+      selectRowKey: ae,
+      selectAllRowKey: pe,
+      syncSelectedRows: ge,
+      removeRowKeys: Ue,
+      clearAllRowKeys: $t
+    } = al(q(e, "rowKey"), q(e, "rowSelection")), Ft = Ua(e), {
+      reload: Re,
+      reSetDataList: Pt,
+      changeDataValue: Dt,
+      isTreeDataRef: Ot,
+      dataSource: $e,
+      handleTableChange: Je
+    } = Ja({
+      ...Ft,
+      waitRequest: F
+    }, {
+      loading: J,
+      paginationInfo: Q,
+      setPagination: r,
+      removeRowKeys: Ue,
+      syncSelectedRows: ge,
+      setLoading: ee,
+      setColumns: B,
+      search: I,
+      columns: i,
+      formState: re,
+      onBeforeSearchSubmit: e.onBeforeSearchSubmit,
+      hasCustomRender: S(() => Me(e.customRender || a?.customRender))
+    }, l), Bt = S(() => ({
+      size: T(me),
+      scroll: T(C),
+      dataSource: T($e),
+      pagination: T(Q),
+      virtualScroll: G.value,
+      columns: T(i).filter((m) => m.show || m.show === void 0)
+    })), Ze = S(() => {
+      const m = k(e.loading) ? Le(e.loading, "spinning") : {};
+      return !m.indicator && f?.indicator?.value && (m.indicator = f?.indicator?.value), {
+        spinning: e.showLoading ? Me(J.value) : !1,
+        ...m
+      };
+    }), et = S(() => {
+      let m;
+      const x = T(fe).direction === "rtl" ? "bottomLeft" : "right", $ = T(Q)?.position;
+      if ($ !== null && Array.isArray($)) {
+        const D = $.find((H) => H.includes("top")), j = $.find((H) => H.includes("bottom")), Y = $.every((H) => `${H}` == "none");
+        !D && !j && !Y && (m = x), D && (m = D.toLowerCase().replace("top", "")), j && (m = j.toLowerCase().replace("bottom", ""));
+      } else
+        m = x;
+      return m;
+    });
+    Ga(() => {
+      v.value && e.keepAliveReload ? Re() : v.value = !0;
+    });
+    const tt = async (m, x) => {
+      A.value ? (he(xe(e.params, m)), await Re()) : U.value?.reload && x ? (he(m), await Re()) : he(m);
+    }, It = async (m, x) => {
+      x === "reset" ? (l("reset", m), e.request && await tt(m, x)) : e.request ? (l("submit", m), await tt(m, x)) : l("submit", m);
+    }, at = (m, x, $, D) => {
+      r(rt(m, ["current", "pageSize"])), Je(m, x, $, D);
+    }, jt = (m, x) => {
+      r({
+        current: m,
+        pageSize: x
+      }), Je({
+        current: m,
+        pageSize: x,
+        total: Q.value && Q.value?.total || 0
+      }, {}, {});
+    }, At = (m) => {
+      l("expandedRowsChange", m);
+    }, Nt = (m, x) => {
+      l("expand", m, x);
+    }, zt = (m, x) => se(m, x), Yt = (m, x, $) => {
+      let D = m;
+      if (x) {
+        const j = L(m) ? typeof m?.[0]?.children == "string" ? m?.[0]?.children : "" : m ? m.toString() : "", Y = $.tooltip === !1 ? {} : $.tooltip, H = $.tooltip === !1 ? 1 : Be(Y?.hiddenLine) && Y?.hiddenLine > 0 ? Y?.hiddenLine : 1, N = $.tooltip === !1 ? 0 : Be(Y?.width) ? Y?.width : 0, Ie = $.tooltip !== !1 && yt(j) && N > 0 ? ca(j, {
+          cssObject: {
+            fontSize: "14px",
+            lineHeight: "22px",
+            fontFamily: P?.token?.value?.fontFamily || y?.value?.fontFamily,
+            ...Y?.targetStyle || {}
+          }
+        }) : 0, je = document.querySelector(`.${u} .ant-table-tbody`), Ae = c("div", {
+          class: `${u}-ellipsis-text`
+        }, [m]), nt = () => $.tooltip === !1 || k($.tooltip) && Ie < N && N > 0 ? Ae : c(we, M({
+          title: m,
+          getPopupContainer: (We) => je ?? We?.parentNode?.parentNode
+        }, k($.tooltip) ? $.tooltip : {}, {
+          destroyTooltipOnHide: !0
+        }), fl(Ae) ? Ae : {
+          default: () => [Ae]
+        });
+        if (D = c("div", {
+          class: `${u}-ellipsis ${Y?.class ?? ""}`,
+          style: {
+            "-webkit-line-clamp": H
+          }
+        }, [nt()]), $.copyable) {
+          const We = typeof $.copyText == "function" ? $.copyText?.($) : $.copyText || j;
+          D = c("div", {
+            class: `${u}-copyable`
+          }, [c("div", {
+            class: `${u}-ellipsis ${Y?.class ?? ""}`,
+            style: {
+              "-webkit-line-clamp": H
+            }
+          }, [nt()]), c(Ut, {
+            class: `${u}-copyable-icon`,
+            onClick: () => {
+              dl(We), Sa.success("复制成功");
+            }
+          }, null)]);
+        }
+      }
+      return D;
+    };
+    function lt() {
+      const m = da({
+        slots: a,
+        props: e,
+        key: "emptyText"
+      });
+      if (m !== !1 && f?.emptyText?.value !== !1) {
+        const $ = e.emptyTextProps?.extraProps || {}, D = m || f?.emptyText?.value, j = V(D), Y = j ? ft(D, $) : ht(L(D) ? D : [D]);
+        return c("div", {
+          class: Z(`${u}-empty-text`, h.value, e.emptyTextProps?.class),
+          style: e.emptyTextProps?.style
+        }, [j ? Y : L(Y) ? Y.map((H) => Qe(H, $)) : c(xa, null, null)]);
+      }
+      return null;
+    }
+    const Mt = () => {
+      const m = ot({
+        slots: a,
+        props: e,
+        key: "customRender"
+      });
+      if (m) {
+        if ($e.value?.length) {
+          const x = _(T($e));
+          return m?.({
+            dataSource: x,
+            currentData: cl(x, Q.value)
+          });
+        }
+        return lt();
+      }
+      return c(Ye, null, null);
+    };
+    return $a({
+      tableSize: me,
+      columns: i,
+      cacheColumns: ne,
+      isMobile: oe,
+      searchConfig: ue,
+      autoRequest: A,
+      searchActions: U,
+      action: {
+        setTableSize: ve,
+        reload: (m) => Re(m),
+        toggle: K
+      },
+      setPagination: r,
+      changeColumns: X
+    }), s({
+      formRef: () => ({
+        getFormState: () => re,
+        getFormInnerState: () => w.value?.getFormState() || {},
+        restFormState: (m) => {
+          F.value = !0, m && m?.(), w.value?.resetForm(!1), F.value = !1;
+        }
+      }),
+      actionRef: () => ({
+        loading: J,
+        dataSource: $e,
+        pageState: t,
+        pagination: Q.value,
+        selectedKeys: S(() => Ce.value),
+        selectedItems: S(() => ie.value),
+        rowsSelection: {
+          clear: $t,
+          select: ae,
+          remove: Ue,
+          sync: ge,
+          selectAll: pe
+        },
+        reload: Re,
+        getLoadingStatus: () => T(J),
+        reloadAndReset: async (m) => {
+          F.value = !0, r({
+            current: 1,
+            pageSize: t?.pageSize || 10
+          }), m?.callBack && (m?.wait ? await m?.callBack?.() : m?.callBack?.()), w.value?.resetForm(!1), F.value = !1;
+        },
+        reSetDataList: Pt,
+        setPageAndReload: at,
+        setPagination: r,
+        setDataValue: Dt,
+        setLoading: ee
+      })
+    }), () => {
+      const m = Me(e.customRender || a.customRender), x = a.actions?.() || e.actionProps?.actions, $ = sa({
+        slots: a,
+        props: e,
+        keys: ["headerTitle", "titleTip", "settingExtra"],
+        render: !0
+      });
+      return d(c("div", {
+        ref: p,
+        class: Z([{
+          [`${h.value}`]: !0,
+          [`${u}`]: !0,
+          [`${n.class}`]: n.class,
+          [`${u}-beautify-scroll`]: de(e.useDefaultScrollStyle) ? !e.useDefaultScrollStyle : !0,
+          [`${u}-no-scroll`]: !Object.keys(T(C) || {}).length,
+          [`${u}-table-tree`]: Ot.value,
+          [`${u}-full-screen`]: le.value
+        }]),
+        style: n.style
+      }, [c("div", {
+        class: [`${u}-content`, h.value]
+      }, [(te.value.length > 0 || !!a.search) && e.search !== !1 && c(Ea, {
+        ref: w,
+        modalScroll: e.modalScroll,
+        cardBordered: e.cardBordered,
+        searchMap: te.value,
+        prefixCls: u,
+        loading: T(J),
+        onSearch: It,
+        defaultState: E
+      }, {
+        default: a.search ? () => a.search?.() : null
+      }), c("div", {
+        class: Z(h.value, `${u}-card`, e.cardBordered && `${u}-card-border`)
+      }, [c(Va, {
+        options: e.options ? {
+          ...ml,
+          ...k(e.options) ? e.options : {}
+        } : !1,
+        titleTipText: e.titleTipText,
+        actionsPlacement: e.actionProps?.placement,
+        actionsRender: x,
+        headerTitle: $.headerTitle,
+        titleTip: $.titleTip,
+        settingExtra: $.settingExtra
+      }, null), m ? c(St, Ze.value, {
+        default: () => [c("div", {
+          class: `${u}-wrapper ${h.value}`
+        }, [c("div", {
+          class: Z(`${u}-list`, h.value, e.tableProps?.class),
+          style: e.tableProps?.style
+        }, [Mt()]), e.pagination !== !1 && $e.value?.length > 0 && c(ba, M({
+          class: {
+            [`${u}-pagination ${h.value}`]: !0,
+            [`${u}-pagination-${et.value} ${h.value}`]: !!et.value
+          }
+        }, ye(T(Q)), {
+          onChange: jt
+        }), null)])]
+      }) : c(Ca, M(rt(e, Object.keys(wt)), Bt.value, {
+        style: e.tableProps?.style,
+        class: e.tableProps?.class,
+        loading: Ze.value,
+        rowKey: (D) => D[e.rowKey],
+        transformCellText: (D) => {
+          e.transformCellText && typeof e.transformCellText && e.transformCellText?.(D);
+          const {
+            column: j
+          } = D;
+          if (!j) return D.text;
+          const Y = j?.key || j?.dataIndex;
+          let H = !0, N = D.text;
+          if (L(N))
+            if (N.length === 0 || N.length === 1 && !V(N[0])) {
+              N = N?.[0];
+              const Ie = ra(N, j?.columnEmptyText || e?.columnEmptyText || "");
+              H = Ie.success, N = rl(Ie.value, j?.valueType || e.columns?.find((je) => (je.key || je.dataIndex) === Y)?.valueType, u, h.value);
+            } else N[0]?.type === "template" && (N = N[0]?.children);
+          return j?.ellipsis ? Yt(N, H, j) : N;
+        },
+        rowSelection: e.rowSelection ? {
+          ...Le(e.rowSelection, ["onSelect", "onSelectAll", "onChange", "selectedRowKeys"]),
+          selectedRowKeys: Ce.value || [],
+          onSelect: ae,
+          onSelectAll: pe,
+          onChange: Se
+        } : void 0,
+        onChange: at,
+        onExpandedRowsChange: At,
+        onExpand: Nt,
+        onResizeColumn: (D, j) => zt(D, j)
+      }), {
+        ...a,
+        emptyText: () => lt()
+      })])])]));
+    };
+  }
+});
+Ke.install = (e) => (e.component(Ke.name, Ke), e);
+function Pl(e, l) {
+  function a() {
+    const o = {
+      params: {},
+      searchMap: []
+    };
+    if (l?.state) {
+      if (ke(l.state) && k(l.state.value))
+        return xe(o, _(l.state.value));
+      if (k(l.state) && !ke(l.state))
+        return xe(o, _(l.state));
+    }
+    return o;
+  }
+  const n = Oe(xe(a(), {
+    request: l?.request
+  }));
+  l?.state && z(() => l.state && ke(l.state) ? l.state.value : l.state, () => {
+    y();
+  }, { deep: !0 });
+  const s = S(() => e?.value?.actionRef?.()), u = S(() => e?.value?.formRef?.()), d = S(() => ({
+    ...s.value?.pageState || {},
+    ...u.value?.getFormState?.() || {}
+  })), h = O(!!s.value?.loading?.value);
+  z(() => s.value?.loading?.value, (o) => {
+    h.value = !!o;
+  }), z(h, (o) => {
+    s.value?.setLoading?.(!!o);
+  });
+  function y() {
+    Ee(n, a());
+  }
+  function P(o, R) {
+    n.searchMap && (n.searchMap = _(n.searchMap).map((v) => v.name === o ? xe(v, R) : v));
+  }
+  return {
+    formRef: u,
+    actionRef: s,
+    tableState: n,
+    requestSearch: d,
+    loading: h,
+    dataSource: S(() => s?.value?.dataSource?.value || []),
+    selectedKeys: S(() => s?.value?.selectedKeys?.value || []),
+    selectedItems: S(() => s?.value?.selectedItems?.value || []),
+    rowsSelection: s?.value?.rowsSelection,
+    mutate: (o) => s.value?.reSetDataList?.(o),
+    reloadAndReset: (o) => s.value?.reloadAndReset?.(o),
+    setPageAndReload: (o, R, v, f) => s.value?.setPageAndReload?.(o, R, v, f),
+    setPagination: (o) => s.value?.setPagination?.(o),
+    setLoading: (o) => h.value = o,
+    setDataValue: (o) => s.value?.setDataValue?.(o),
+    reload: (o) => s.value?.reload?.(o),
+    updateSearchMap: P
+  };
+}
+export {
+  Ke as GProTable,
+  be as proTableProps,
+  Pl as useTable
+};