@gx-design-vue/pro-table 0.2.0-beta.8 → 0.2.0-beta.81

package/dist/pro-table.js

@@ -0,0 +1,2662 @@
+import { isObject as Q, isBoolean as se, getSlot as ht, isFunction as $e, arrayRepeat as Lt, runFunction as Vt, convertValueBoolean as xe, isArray as ye, getSortIndex as Ht, isDeepEqualReact as De, handleCurrentPage as Wt, genColumnKey as mt, compareArray as _t, isNumber as vt, isString as Gt, filterEmpty as gt, classNames as je, getPrefixCls as Ge, getRandomNumber as We, handleShowIndex as qt, hanndleEmptyField as Ut, getSlotVNode as Ce } from "@gx-design-vue/pro-utils";
+import { reactive as fe, isReactive as Xt, watch as W, computed as T, ref as D, toRaw as ve, createVNode as r, mergeProps as U, isVNode as be, watchEffect as Pe, unref as S, onUnmounted as Jt, onDeactivated as Qt, onMounted as Zt, defineComponent as oe, Fragment as Ne, nextTick as el, h as yt, cloneVNode as qe, createTextVNode as Fe, renderSlot as tl, toRef as te } from "vue";
+import "ant-design-vue/es/_util/props-util";
+import { warning as ll } from "ant-design-vue/es/vc-util/warning";
+import { omit as Ee, cloneDeep as ie, pick as ot } from "lodash-es";
+import { tableProps as al } from "ant-design-vue/es/table/Table";
+import { UpOutlined as nl, DownOutlined as ul, SettingOutlined as bt, VerticalAlignTopOutlined as il, VerticalAlignMiddleOutlined as sl, VerticalAlignBottomOutlined as ol, FullscreenExitOutlined as rl, FullscreenOutlined as cl, ColumnHeightOutlined as dl, InfoCircleOutlined as fl, ReloadOutlined as hl, CopyOutlined as ml } from "@ant-design/icons-vue";
+import { useFullscreen as Ct, useWindowSize as vl } from "@vueuse/core";
+import { Form as rt, Grid as Ue, Space as de, Button as ct, Input as dt, TimePicker as gl, DatePicker as xt, TreeSelect as yl, Spin as _e, Select as bl, Popover as Cl, Checkbox as xl, Tooltip as le, Tree as Sl, Dropdown as wl, Menu as ke, Pagination as Tl, Table as pl, message as $l, Empty as Fl } from "ant-design-vue";
+import { useProAppContext as St } from "@gx-design-vue/pro-app";
+import { useContext as Rl, useProStyle as ze } from "@gx-design-vue/pro-provider";
+import q from "dayjs";
+import { tryOnUnmounted as Pl, useMemo as Me } from "@gx-design-vue/pro-hooks";
+function Ia(e, a) {
+  var C, p, v;
+  function l() {
+    return a != null && a.state && Q(a == null ? void 0 : a.state) ? ve(a == null ? void 0 : a.state) : {};
+  }
+  const u = fe({
+    // @ts-ignore
+    request: async (...s) => {
+      var n;
+      return a != null && a.request ? await ((n = a == null ? void 0 : a.request) == null ? void 0 : n.call(a, ...s)) : void 0;
+    }
+  });
+  a != null && a.state && (Xt(a.state) ? W(() => a == null ? void 0 : a.state, () => {
+    Object.assign(u, l());
+  }, { deep: !0, immediate: !0 }) : Object.assign(u, l()));
+  const o = T(() => {
+    var s, n;
+    return (n = (s = e == null ? void 0 : e.value) == null ? void 0 : s.actionRef) == null ? void 0 : n.call(s);
+  }), i = T(() => {
+    var s, n;
+    return (n = (s = e == null ? void 0 : e.value) == null ? void 0 : s.formRef) == null ? void 0 : n.call(s);
+  }), d = T(() => {
+    var s, n, c;
+    return {
+      ...((s = o.value) == null ? void 0 : s.pageState) || {},
+      ...((c = (n = i.value) == null ? void 0 : n.getFormState) == null ? void 0 : c.call(n)) || {}
+    };
+  }), h = D(!!((p = (C = o.value) == null ? void 0 : C.loading) != null && p.value));
+  return W(() => {
+    var s, n;
+    return (n = (s = o.value) == null ? void 0 : s.loading) == null ? void 0 : n.value;
+  }, (s) => {
+    h.value = !!s;
+  }), W(h, (s) => {
+    var n, c;
+    (c = (n = o.value) == null ? void 0 : n.setLoading) == null || c.call(n, !!s);
+  }), {
+    formRef: i,
+    actionRef: o,
+    tableState: u,
+    requestParams: d,
+    loading: h,
+    dataSource: T(() => {
+      var s, n;
+      return ((n = (s = o == null ? void 0 : o.value) == null ? void 0 : s.dataSource) == null ? void 0 : n.value) || [];
+    }),
+    selectedKey: T(() => {
+      var s, n;
+      return ((n = (s = o == null ? void 0 : o.value) == null ? void 0 : s.selectedKey) == null ? void 0 : n.value) || [];
+    }),
+    selectedItem: T(() => {
+      var s, n;
+      return ((n = (s = o == null ? void 0 : o.value) == null ? void 0 : s.selectedItem) == null ? void 0 : n.value) || [];
+    }),
+    rowsSelection: (v = o == null ? void 0 : o.value) == null ? void 0 : v.rowsSelection,
+    mutate: (s) => {
+      var n, c;
+      return (c = (n = o.value) == null ? void 0 : n.reSetDataList) == null ? void 0 : c.call(n, s);
+    },
+    reloadAndReset: (s) => {
+      var n, c;
+      return (c = (n = o.value) == null ? void 0 : n.reloadAndReset) == null ? void 0 : c.call(n, s);
+    },
+    setPageAndReload: (s, n, c, g) => {
+      var m, x;
+      return (x = (m = o.value) == null ? void 0 : m.setPageAndReload) == null ? void 0 : x.call(m, s, n, c, g);
+    },
+    setPagination: (s) => {
+      var n, c;
+      return (c = (n = o.value) == null ? void 0 : n.setPagination) == null ? void 0 : c.call(n, s);
+    },
+    setLoading: (s) => h.value = s,
+    setData: (s) => {
+      var n, c;
+      return (c = (n = o.value) == null ? void 0 : n.setData) == null ? void 0 : c.call(n, s);
+    },
+    reload: (s) => {
+      var n, c;
+      return (c = (n = o.value) == null ? void 0 : n.reload) == null ? void 0 : c.call(n, s);
+    }
+  };
+}
+const Il = ["rowKey", "rowSelection", "columns", "pagination", "size", "bordered", "loading"], wt = {
+  ...Ee(al(), Il),
+  transformCellText: Function,
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 是否展示外边框和列边框
+   */
+  bordered: {
+    type: Boolean,
+    default: !0
+  },
+  loading: {
+    type: [Boolean, Object],
+    default: void 0
+  },
+  scroll: {
+    type: Object,
+    default: void 0
+  }
+}, ge = {
+  ...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: null
+  },
+  // 是否启用虚拟滚动
+  virtualScroll: Boolean,
+  // 用于 request 查询的额外参数，一旦变化会触发重新加载
+  params: Object,
+  // 等待请求时间设置
+  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: () => ({
+      resetText: "重置",
+      searchText: "查询"
+    })
+  },
+  searchMap: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 自定义表格渲染模式：默认表格展示，也可以自定义数据列表展示
+   */
+  customRender: {
+    type: [Function, Object, Boolean, Array],
+    default: () => {
+    }
+  },
+  emptyText: {
+    type: [Function, Object, Boolean, Array],
+    default: () => {
+    }
+  },
+  showLoading: {
+    type: Boolean,
+    default: !0
+  },
+  tableProps: {
+    type: Object,
+    default: () => ({
+      style: {}
+    })
+  },
+  emptyTextProps: {
+    type: Object,
+    default: () => ({
+      style: {}
+    })
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 渲染按钮工具栏，支持返回一个 dom 数组，会自动增加 margin-right
+   */
+  toolBarBtn: {
+    type: [Object, Function, Boolean, Array],
+    default: () => {
+    }
+  },
+  // 表格标题
+  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 列状态配置，可以配置是否浮动和是否展示
+   */
+  columnsState: {
+    type: Object
+  },
+  // table 工具栏 额外的元素
+  optionsExtra: {
+    type: [Function, Object, Array],
+    default: () => {
+    }
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 列设置额外的元素
+   */
+  settingExtra: {
+    type: [Object, Function, Array],
+    default: () => {
+    }
+  },
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/2/8
+   * @lastTime    2022/2/8
+   * @description 是否展示序号栏
+   */
+  showIndex: {
+    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 是否列拖动
+   */
+  draggabled: 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,
+  onColumnsStateChange: Function
+};
+function Bl(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !be(e);
+}
+function Ol(e, a, l, u) {
+  if (!a) return e;
+  let o = e;
+  if (Q(a)) {
+    const i = a.node === "a" ? "span" : a.node;
+    return r(i, U((a == null ? void 0 : a.attr) || {}, {
+      class: [a.class, a.node === "a" ? `${l}-a` : ""],
+      onClick: a.click
+    }), Bl(e) ? e : {
+      default: () => [e]
+    });
+  }
+  switch (a) {
+    case "link":
+      o = r("span", {
+        class: [`${l}-a`, u]
+      }, [e]);
+      break;
+    case "time":
+      o = q(e).format("HH:mm:ss");
+      break;
+    case "dateMonth":
+      o = `${q(e).month() + 1}月`;
+      break;
+    case "dateTime":
+      o = q(e).format("YYYY-MM-DD HH:mm:ss");
+      break;
+  }
+  return o;
+}
+function kl(e, a) {
+  const l = a && a.current || 1, u = a && a.pageSize || 10;
+  return e.filter((o, i) => i < l * u && i >= u * (l - 1));
+}
+function Dl(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 jl({ emit: e, loading: a }) {
+  var i;
+  const l = D(se(a.value) ? a.value : Q(a.value) ? (i = a.value) == null ? void 0 : i.spinning : !1);
+  W(() => a.value, (d) => {
+    l.value = se(d) ? d : Q(d) ? d == null ? void 0 : d.spinning : l.value;
+  });
+  const u = T(() => l.value);
+  function o(d) {
+    l.value = d, e("loadingChange", !0);
+  }
+  return { loadingComputed: u, loading: l, setLoading: o };
+}
+function Ml({ size: e, emit: a }) {
+  const l = D("middle");
+  Pe(() => {
+    l.value = e.value;
+  });
+  function u(o) {
+    l.value = o, a("sizeChange", o);
+  }
+  return { sizeRef: l, setTableSize: u };
+}
+function Nl({
+  slots: e,
+  props: a,
+  pagination: l
+}) {
+  const u = fe({}), o = D();
+  W(() => l.value, () => {
+    var p;
+    if (se(l.value) && !l.value) {
+      o.value = !1;
+      return;
+    }
+    const d = ht(e, S(a), "pageItemRender"), h = $e(d) ? {
+      itemRender: ({
+        page: v,
+        type: s,
+        originalElement: n
+      }) => d ? d({
+        page: v,
+        type: s,
+        originalElement: n
+      }) : null
+    } : null, C = {
+      current: 1,
+      pageSize: 10,
+      size: "default",
+      showQuickJumper: !0,
+      showSizeChanger: !0,
+      pageSizeOptions: ["10", "20", "50", "100"],
+      ...l.value || {},
+      ...h || {}
+    };
+    (p = l.value) != null && p.showTotal || (C.showTotal = (v) => `共${v < C.pageSize ? 1 : Math.ceil(v / (C.pageSize || 10))}页 ${v}条记录`), o.value = C, Object.assign(u, {
+      pageNum: C.current,
+      pageSize: C.pageSize
+    });
+  }, {
+    deep: 1,
+    immediate: !0
+  });
+  function i(d) {
+    if (Q(o.value) && Q(d)) {
+      const h = {};
+      Object.keys(d).forEach((C) => {
+        Object.prototype.hasOwnProperty.call(d, C) && o.value[C] === d[C] || (h[C] = d[C]);
+      }), Object.keys(h).length > 0 && (Object.assign(o.value, h), El(h) && Object.assign(u, h));
+    }
+  }
+  return {
+    paginationInfo: o,
+    requestPagination: u,
+    setPagination: i
+  };
+}
+function El(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 zl(e, a) {
+  const l = D([]), u = D([]);
+  W(() => {
+    var v;
+    return (v = a.value) == null ? void 0 : v.selectedRowKeys;
+  }, (v) => {
+    l.value = Lt([...v || []]);
+  }, {
+    deep: !0,
+    immediate: !0
+  });
+  const o = (v, s) => {
+    e.value && (s ? v != null && v[e.value] && (l.value.push(v[e.value]), u.value.push(v)) : (l.value = l.value.filter((n) => n !== v[e.value]), u.value = u.value.filter((n) => n[e.value] !== v[e.value])));
+  }, i = () => {
+    var v, s;
+    a.value && ((s = (v = a.value) == null ? void 0 : v.onChange) == null || s.call(v, l.value, u.value));
+  };
+  return {
+    selectedKey: l,
+    selectedItem: u,
+    selectRowKey: o,
+    selectAllRowKey: (v, s, n) => {
+      e.value && (v ? s.map((c) => (l.value.every((g) => g !== (c == null ? void 0 : c[e.value])) && c != null && c[e.value] && (l.value.push(c[e.value]), u.value.push(c)), c)) : n.map((c) => (l.value.includes(c == null ? void 0 : c[e.value]) && (l.value = l.value.filter((g) => g !== c[e.value]), u.value = u.value.filter((g) => g[e.value] !== c[e.value])), c)));
+    },
+    removeRowKeys: (v) => {
+      l.value = l.value.filter((s) => !v.includes(s)), u.value = u.value.filter((s) => !v.includes(s == null ? void 0 : s[e.value || ""])), i();
+    },
+    changeRowKey: i,
+    syncSelectedRows: (v) => {
+      if (e.value && l.value.length !== u.value.length) {
+        const s = u.value.map((c) => c[e.value]), n = l.value.filter((c) => !s.includes(c));
+        v.forEach((c) => {
+          n.includes(c[e.value]) && u.value.push(ie(c));
+        });
+      }
+    },
+    clearAllRowKeys: () => {
+      l.value = [], u.value = [], i();
+    }
+  };
+}
+function Kl(e, a) {
+  const l = T(() => a || 0), u = D(), o = D(e);
+  function i() {
+    u.value && clearTimeout(u.value);
+  }
+  async function d(...h) {
+    return l.value === 0 || l.value === void 0 ? o.value(...h) : (i(), new Promise(async (C) => {
+      var p;
+      (p = h[0]) != null && p.immediate ? C(await o.value(...h)) : u.value = setTimeout(async () => {
+        C(await o.value(...h));
+      }, l.value);
+    }));
+  }
+  return Pl(i), {
+    cancel: i,
+    run: d
+  };
+}
+function Al(e) {
+  const a = T(() => e.polling), l = T(() => e.debounceTime), u = T(() => e.dataSource);
+  return {
+    polling: a,
+    request: e.request,
+    postData: e.postData,
+    debounceTime: l,
+    dataSource: u
+  };
+}
+function Yl({ polling: e, request: a, postData: l, dataSource: u, waitRequest: o, debounceTime: i }, { columns: d, loading: h, setLoading: C, setColumns: p, removeRowKeys: v, syncSelectedRows: s, formParamsRef: n, setPagination: c, paginationInfo: g, onBeforeSearchSubmit: m, hasCustomRender: x }, P) {
+  const R = D(), k = D(!0), Y = D(!1), L = D(!1), z = D([]), H = D(), re = async (y = {}) => {
+    var Ie;
+    const { pagination: $, filters: E = {}, sorter: K = {}, removeKeys: w = [], isPolling: Ke = !1 } = y;
+    if (!a || !$e(a) || S(o) && h.value || Y.value)
+      return u.value || [];
+    if (Y.value = !0, !Ke || S(o) || k.value ? C(!0) : Se(!0), S(o)) {
+      k.value = !1, Y.value = !1;
+      return;
+    }
+    $ && c($);
+    try {
+      let ce = {};
+      if (se($) && !$ || se(g))
+        ce = {};
+      else {
+        const { current: A = 1, pageSize: me = 10, total: G } = S(g) || {};
+        ce.pageNum = Wt({ current: A, pageSize: me, total: G }, w.length), w.length && v(w), ce.pageSize = me;
+      }
+      const Be = Q(K) ? [K] : K;
+      Be.forEach((A) => {
+        const me = (A == null ? void 0 : A.columnKey) || (A == null ? void 0 : A.field);
+        A && (A != null && A.order) ? p(S(d).map((G) => (G.dataIndex === me ? G.sortOrder = A == null ? void 0 : A.order : G.sortOrder = null, G))) : A && p(S(d).map((G) => (G.dataIndex === me && (G.sortOrder = null), G)));
+      });
+      let we = {
+        ...ce || {},
+        ...y.params,
+        ...n
+      };
+      m && $e(m) && (we = await m(we, K, E));
+      let X = [];
+      const ae = await (a == null ? void 0 : a(we, Be, E));
+      if (Y.value = !1, ae && (ae != null && ae.success)) {
+        X = ae.data || [], l && $e(l) && (X = await (l == null ? void 0 : l(X))), s(X);
+        const A = ae.total || (X == null ? void 0 : X.length) || 0;
+        return A !== ((Ie = S(g)) == null ? void 0 : Ie.total) && c({
+          total: A || 0
+        }), b(X), X;
+      } else
+        return [];
+    } catch (ce) {
+      z.value === void 0 && b([]), P("requestError", ce);
+    } finally {
+      k.value = !1, C(!1);
+    }
+    return [];
+  }, M = Kl(async (y) => {
+    H.value && clearTimeout(H.value);
+    const $ = await re(y), E = Vt(e.value, $);
+    return E && !R.value && (H.value = setTimeout(() => {
+      M.run({ ...y, isPolling: E });
+    }, Math.max(E, 2e3))), $;
+  }, i.value || 10);
+  Jt(() => {
+    R.value = !0, clearTimeout(H.value);
+  }), Qt(() => {
+    R.value = !0, clearTimeout(H.value);
+  }), W(() => e.value, () => {
+    e.value ? M.run({ isPolling: !0 }) : clearTimeout(H.value);
+  }, { immediate: !0 }), W([() => o.value, () => u.value, () => n], () => {
+    xe(a) ? (!k.value || !e.value) && M.run({ isPolling: !1 }) : b(u.value || []);
+  }, {
+    deep: !0,
+    immediate: !0
+  });
+  const Z = T(() => {
+    if (x.value)
+      return S(z);
+    const y = d.value.filter(($) => $.show || $.show === void 0);
+    return !S(z) || !y || y.length === 0 ? [] : S(z);
+  }), _ = T(() => S(z).some((y) => ye(y.children) && y.children.length > 0));
+  function Se(y) {
+    L.value = y;
+  }
+  function t(y, $, E, K) {
+    M.run({ pagination: y, filters: $, sorter: E, extra: K, isPolling: !1 }), P("change", y, $, E, K);
+  }
+  function b(y) {
+    var E;
+    const $ = Ht(ie(y), S(g.value));
+    if (!De($, z.value) && (z.value = $, !a || !$e(a))) {
+      const K = $.length || 0;
+      K !== ((E = S(g)) == null ? void 0 : E.total) && c({
+        total: K
+      });
+    }
+  }
+  function B({ key: y, record: $, type: E = "update" }) {
+    switch (E) {
+      case "update":
+        z.value = z.value.map((K) => y && $[y] === K[y] ? { ...K, ...$ } : K);
+        break;
+      case "push":
+        z.value.push($);
+        break;
+      case "unshift":
+        z.value.unshift($);
+        break;
+      case "delete":
+        z.value = z.value.filter((K) => y ? y && $[y] !== K[y] : !0);
+        break;
+    }
+  }
+  return {
+    dataSource: Z,
+    isTreeDataRef: _,
+    reSetDataList: b,
+    changeDataValue: B,
+    handleTableChange: t,
+    reload: async (y) => {
+      xe(a) ? await M.run({ ...y, isPolling: !1 }) : P("reload");
+    }
+  };
+}
+function Ll(e) {
+  const a = {};
+  return e.forEach((l) => {
+    let u = l.initialValue;
+    const o = ["select"], i = ["date", "time", "dateRange"];
+    !u && o.includes(l.valueType) ? u = void 0 : !u && i.includes(l.valueType) ? u = null : u || (u = ""), l.name === "dateRange" ? (a[l.rangeStartName || "start"] = u ? u[0] : null, a[l.rangeEndName || "end"] = u ? u[1] : null) : l.name && (a[l.name] = u);
+  }), a;
+}
+function Vl({ search: e, searchMap: a, params: l, columns: u, setPagination: o }) {
+  const i = fe({}), d = fe({}), h = D([]), C = T(() => {
+    var s;
+    return Q(e.value) ? !!((s = e.value) != null && s.showSearch) : !!e.value;
+  }), p = (s) => {
+    var c, g;
+    const n = [];
+    if ((s === "all" || s === "searchMap") && ((c = a.value) == null || c.forEach((m) => n.push(m)), n.forEach((m) => {
+      h.value.some((x) => x.name === m.name) ? h.value = h.value.map((x) => x.name === m.name ? {
+        ...x,
+        ...m
+      } : x) : h.value.push(m);
+    })), (s === "all" || s === "columns") && ((g = u.value) != null && g.length) && (u.value && u.value.forEach((m) => {
+      m.searchConfig && n.push(m.searchConfig);
+    }), n.forEach((m) => {
+      h.value.some((x) => x.name === m.name) ? h.value = h.value.map((x) => x.name === m.name ? {
+        ...x,
+        ...m
+      } : x) : h.value.push(m);
+    })), s === "all" || s === "searchMap" || s === "columns") {
+      o({ current: 1 });
+      const m = Ll(n);
+      Object.assign(d, { ...m });
+      for (const x in m)
+        i[x] || (i[x] = m[x]);
+    }
+    (s === "all" || s === "params") && !C.value && (o({ current: 1 }), Object.assign(i, l.value));
+  };
+  Zt(() => {
+    p("all");
+  }), W(() => l.value, () => {
+    p("params");
+  }, { deep: !0 }), W(() => a.value, () => {
+    p("searchMap");
+  }, { deep: !0 }), W(() => u.value, () => {
+    p("columns");
+  }, { deep: !0 });
+  function v(s) {
+    o({ current: 1 }), Object.assign(i, s);
+  }
+  return { formDataRef: h, formParamsRef: i, defaultParamsRef: d, setFormParams: v };
+}
+function Hl({ columns: e, columnsState: a, changeColumns: l }) {
+  const u = D(void 0), o = fe({}), i = fe({}), d = fe({}), h = D([]);
+  W(() => e.value, () => {
+    var s;
+    (s = S(e)) == null || s.forEach(({ show: n, key: c, fixed: g }, m) => {
+      const x = mt(c, m);
+      x && (d[x] = { show: n === void 0 ? !0 : n, fixed: g });
+    });
+    const v = S(e).map((n) => n.key);
+    p(v);
+  }, { deep: !0, immediate: !0 }), Pe(() => {
+    var s;
+    const v = {
+      ...(s = S(a)) == null ? void 0 : s.value,
+      ...S(d)
+    };
+    Object.assign(o, v), Object.assign(i, v);
+  });
+  function C(v, s) {
+    u.value = s, Object.assign(o, v), l == null || l(o, s === "fixed");
+  }
+  function p(v) {
+    h.value = v;
+  }
+  return {
+    columnsMap: o,
+    operationType: u,
+    setColumnsMap: C,
+    sortKeyColumns: h,
+    cacheColumnsMap: i,
+    setSortKeyColumns: p
+  };
+}
+function Wl(e) {
+  const a = T(() => e.draggabled), l = T(() => e.neverScroll), u = T(() => e.autoScroll);
+  return {
+    draggabled: a,
+    neverScroll: l,
+    autoScroll: u
+  };
+}
+function _l({ scroll: e, columns: a, breakpoint: l, draggabled: u, autoScroll: o, neverScroll: i }) {
+  const d = D([]), h = D([]);
+  W([
+    () => e.value,
+    () => a.value,
+    () => l.value,
+    () => u.value,
+    () => l.value,
+    () => o.value,
+    () => i.value
+  ], () => {
+    const g = v(ve(a.value));
+    De(g, ve(d.value)) || (d.value = ie(g)), De(g, ve(h.value)) || (h.value = ie(g));
+  }, {
+    deep: !0,
+    immediate: !0
+  });
+  const C = T(() => {
+    const g = p(S(d).filter((P) => P.fixed === "left")), m = p(S(d).filter((P) => P.fixed !== "left" && P.fixed !== "right")), x = p(S(d).filter((P) => P.fixed === "right"));
+    return [
+      ...g,
+      ...m,
+      ...x
+    ];
+  });
+  function p(g) {
+    return g.sort((m, x) => _t(m, x, "order", 0));
+  }
+  function v(g) {
+    return ie(g).map((m, x) => {
+      var P;
+      if (m.dataIndex === "action" || x === g.length - 1 ? m.resizable = !1 : m.resizable = se(m.resizable) ? m.resizable : !!(vt(m.width) && S(u)), !m.width || S(i))
+        return m;
+      if (m.dataIndex === "action" && S(o))
+        if ((P = S(e)) != null && P.x || !S(l))
+          m.width = m.width || 100, m.fixed = "right";
+        else {
+          const R = S(a).find((k) => k.dataIndex === m.dataIndex);
+          m.width = (R == null ? void 0 : R.width) || "", m.fixed = R == null ? void 0 : R.fixed;
+        }
+      return m;
+    });
+  }
+  function s(g, m) {
+    d.value = d.value.map((x) => (x.uuid === m.uuid && (x.width = g), x));
+  }
+  function n(g) {
+    if (g.length <= 0) {
+      d.value = [];
+      return;
+    }
+    De(v(g), ve(d.value)) || (d.value = v(g));
+  }
+  function c(g) {
+    n(ie(ve(a.value)).map((m) => {
+      var P, R, k;
+      const x = m.key ? {
+        show: (P = g[m.key]) == null ? void 0 : P.show,
+        fixed: (R = g[m.key]) == null ? void 0 : R.fixed,
+        order: (k = g[m.key]) == null ? void 0 : k.order
+      } : {};
+      return { ...m, ...x };
+    }));
+  }
+  return {
+    breakpoint: l,
+    proColumns: C,
+    cacheProColumns: h,
+    setColumns: n,
+    changeColumns: c,
+    resizeColumnWidth: s
+  };
+}
+function Gl(e) {
+  const a = T(() => e.scroll), l = T(() => e.autoScroll), u = T(() => e.modalScroll), o = T(() => e.neverScroll), i = T(() => e.rowSelection), d = T(() => e.scrollBreakpoint);
+  return {
+    scroll: a,
+    neverScroll: o,
+    rowSelection: i,
+    autoScroll: l,
+    modalScroll: u,
+    scrollBreakpoint: d
+  };
+}
+function ql({ scroll: e, columns: a, autoScroll: l, modalScroll: u, neverScroll: o, rowSelection: i, screens: d, innerWidth: h, scrollBreakpoint: C }) {
+  const p = T(() => {
+    var n, c, g;
+    return S(C) ? vt(S(C)) ? h.value > S(C) : Gt(S(C)) ? (n = d.value) == null ? void 0 : n[S(C)] : (c = d.value) == null ? void 0 : c.xl : (g = d.value) == null ? void 0 : g.xl;
+  }), v = T(() => {
+    let n = 0;
+    const c = S(i) ? 60 : 0, g = 150, m = ie(S(a));
+    m.forEach((R) => {
+      n += Number.parseInt(String(R.width)) || 0;
+    });
+    const P = m.filter((R) => !Reflect.has(R, "width")).length;
+    return P !== 0 && (n += P * g), c && (n += c), n;
+  });
+  return { proScroll: T(() => {
+    var n, c;
+    return S(o) ? {} : S(e) && Object.keys(S(e)).length ? S(e) : S(u) ? {
+      y: ((n = S(e)) == null ? void 0 : n.y) || ((c = d.value) != null && c.xl ? 400 : 235)
+    } : S(l) ? p.value ? {} : se(p.value) ? { x: S(v) } : {} : {};
+  }), breakpoint: p };
+}
+const { provideContext: Ul, useInjectContext: he } = Rl("pro-table");
+function Xl(e, a) {
+  const l = fe({});
+  function u() {
+    Object.keys(e).forEach((d) => {
+      o(d, e[d]);
+    });
+    const i = a.find((d) => d.valueType === "dateRange");
+    i && o(i.name || "", e[i.rangeStartName || "start"] ? [
+      e[i.rangeStartName || "start"],
+      e[i.rangeEndName || "end"]
+    ] : []);
+  }
+  Pe(() => {
+    u();
+  });
+  function o(i, d) {
+    l[i] = d;
+  }
+  return {
+    formState: l,
+    resetFormState: u,
+    changeFormState: o
+  };
+}
+const Jl = (e) => ({
+  [`${e.componentCls}-form`]: {
+    "&-collapse-button": {
+      display: "flex",
+      alignItems: "center",
+      height: 32,
+      padding: 0,
+      margin: 0,
+      marginBottom: 16,
+      fontSize: 14,
+      lineHeight: 1.5,
+      verticalAlign: "top",
+      listStyle: "none",
+      ".action": {
+        marginLeft: 2
+      }
+    },
+    [`${e.componentCls}-form-container`]: {
+      position: "relative",
+      display: "flex",
+      flexWrap: "wrap",
+      alignItems: "center",
+      [`${e.antCls}-form-item`]: {
+        marginBottom: 16
+      }
+    }
+  },
+  [`${e.componentCls}-search-empty-text`]: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center"
+  }
+}), {
+  useBreakpoint: Ql
+} = Ue, {
+  MonthPicker: Zl,
+  RangePicker: ea
+} = xt, Tt = /* @__PURE__ */ oe({
+  name: "ProTableForm",
+  props: {
+    search: {
+      type: [Object],
+      default: () => ({
+        resetText: "重置",
+        searchText: "查询"
+      })
+    },
+    modal: ge.modalScroll,
+    searchMap: {
+      type: Array,
+      default: () => []
+    },
+    loading: Boolean,
+    prefixCls: String,
+    defaultParams: Object
+  },
+  emits: ["search"],
+  setup(e, {
+    emit: a,
+    slots: l,
+    expose: u
+  }) {
+    const {
+      wrapSSR: o,
+      hashId: i
+    } = ze("ProTableForm", [Jl], e.prefixCls), d = St(), h = Ql(), {
+      formState: C,
+      resetFormState: p,
+      changeFormState: v
+    } = Xl(e.defaultParams || {}, e.searchMap || []), s = D(!1), n = T(() => {
+      var t;
+      return !!((t = e.search) != null && t.showSearch);
+    }), c = T(() => {
+      var t, b;
+      return ((t = e.search) == null ? void 0 : t.showReset) === void 0 ? n.value : (b = e.search) == null ? void 0 : b.showReset;
+    }), g = [{
+      value: "xxl",
+      span: 4
+    }, {
+      value: "xl",
+      span: 3
+    }, {
+      value: "lg",
+      span: 2
+    }, {
+      value: "md",
+      span: 2
+    }, {
+      value: "sm",
+      span: 2
+    }, {
+      value: "xs",
+      span: 1
+    }], m = (t) => {
+      let b = 4;
+      for (let B = 0; B < g.length; B += 1) {
+        const y = g[B].value;
+        if (h.value[y]) {
+          b = (t == null ? void 0 : t[y]) || (e.modal ? 3 : g[B].span);
+          break;
+        }
+      }
+      return b;
+    }, x = T(() => {
+      var t;
+      return m((t = e.search) == null ? void 0 : t.span);
+    });
+    W(() => {
+      var t;
+      return (t = e.search) == null ? void 0 : t.defaultCollapsed;
+    }, (t) => {
+      s.value = s.value || !!t;
+    });
+    const P = (t) => {
+      s.value = t;
+    }, R = (t, b, B) => (t + 1) % b === 0 ? {
+      ...B,
+      marginRight: 0
+    } : {
+      ...B,
+      marginRight: "2%"
+    }, k = () => {
+      const t = ie(C), b = e.searchMap.find(($) => $.valueType === "text") || "", B = e.searchMap.find(($) => $.valueType === "dateRange") || "", y = e.searchMap.find(($) => $.valueType === "treeSelect");
+      return b && (t[b.name] = C[b.name] || b.initialValue || ""), B && (t[B.rangeStartName || "start"] = t[B.name] ? t[B.name][0] : "", t[B.rangeEndName || "end"] = t[B.name] ? t[B.name][1] : "", delete t[B.name]), y && (y != null && y.name && ye(C[y == null ? void 0 : y.name]) && (t[y.name] = C[y.name].length ? C[y.name].map(($) => $[y.valueKey === "text" ? "label" : "value"]).join() : ""), y != null && y.name && ye(t[y == null ? void 0 : y.name]) && (t[y.name] = t[y.name].length ? t[y.name].map(($) => $[y.valueKey === "text" ? "label" : "value"]) : "")), t;
+    }, Y = (t = !1, b) => {
+      el(() => {
+        (!n.value || t) && a("search", k(), !!b);
+      });
+    }, L = (t, b) => {
+      var B, y, $;
+      switch (b.valueType) {
+        case "text":
+          v(b.name || "", t || b.initialValue || "");
+          break;
+        case "select":
+          v(b.name || "", t || t === 0 ? t : b.initialValue || void 0);
+          break;
+        case "treeSelect":
+          v(b.name || "", t || t === 0 ? t : b.initialValue || ((B = b.field) != null && B.treeCheckable || (y = b.field) != null && y.multiple ? [] : null));
+          break;
+        case "date":
+          v(b.name || "", t ? q(t).format(b.valueFormat || "YYYY-MM-DD") : b.initialValue || null);
+          break;
+        case "dateMonth":
+          v(b.name || "", t ? q(t).format("YYYY-MM") : b.initialValue || null);
+          break;
+        case "dateRange":
+          v(b.name || "", t && t.length > 0 ? [q(t[0]).format(b.valueFormat || "YYYY-MM-DD"), q(t[1]).format(b.valueFormat || "YYYY-MM-DD")] : b.initialValue || null);
+          break;
+        case "time":
+          v(b.name || "", t ? q(t).format(b.valueFormat || "HH:mm:ss") : b.initialValue || null);
+          break;
+      }
+      ($ = e.search) != null && $.showSearch || b.valueType === "text" || (b.valueType === "treeSelect" || b.valueType, Y());
+    }, z = (t = !0) => {
+      p(), Y(!0, t);
+    };
+    u({
+      getFormState: () => k(),
+      resetForm: z
+    });
+    const H = () => {
+      var b;
+      const t = (b = d == null ? void 0 : d.emptyText) == null ? void 0 : b.value;
+      if (t) {
+        const B = be(t), y = B ? yt(t) : gt(t || []);
+        return r("div", {
+          class: je(`${e.prefixCls}-search-empty-text`, i.value)
+        }, [B ? y : ye(y) ? y.map(($) => qe($)) : void 0]);
+      }
+    }, re = () => (n.value || c.value) && r(de, null, {
+      default: () => [c.value && r(ct, {
+        onClick: () => z()
+      }, {
+        default: () => {
+          var t;
+          return [((t = e.search) == null ? void 0 : t.resetText) || "重置"];
+        }
+      }), n.value && r(ct, {
+        loading: e.loading,
+        type: "primary",
+        onClick: () => Y(!0)
+      }, {
+        default: () => {
+          var t;
+          return [((t = e.search) == null ? void 0 : t.searchText) || "查询"];
+        }
+      })]
+    }), M = ({
+      formItemStyle: t,
+      advanced: b,
+      showAdvanced: B = !0
+    }) => r("div", {
+      style: t,
+      class: `${e.prefixCls}-form-collapse-button ${i.value}`
+    }, [r(de, {
+      size: 16
+    }, {
+      default: () => {
+        var y, $;
+        return [re(), B && r("span", {
+          class: `${e.prefixCls}-a ${i.value}`,
+          onClick: () => P(!b)
+        }, [b ? "收起" : "展开", (y = e.search) != null && y.collapseRender ? ($ = e.search) == null ? void 0 : $.collapseRender() : b ? r(nl, null, null) : r(ul, null, null)])];
+      }
+    })]), Z = (t) => {
+      var y, $, E, K;
+      let b;
+      const B = n.value ? dt : dt.Search;
+      switch (t.valueType) {
+        case "text":
+          b = r(B, U({
+            style: {
+              width: "100%"
+            },
+            value: C[t.name],
+            placeholder: t.placeholder || "请输入",
+            allowClear: t.allowClear || t.allowClear === !1 ? t.allowClear : !0,
+            onChange: (w) => L(w.target.value, t),
+            onSearch: (w) => Y()
+          }, t.field || {}), null);
+          break;
+        case "select":
+          b = r(bl, U({
+            style: {
+              width: "100%"
+            },
+            value: t.loading ? void 0 : C[t.name],
+            optionFilterProp: "label",
+            placeholder: t.placeholder || "请选择",
+            showSearch: t.showSearch,
+            allowClear: t.allowClear || t.allowClear === !1 ? t.allowClear : !0,
+            getPopupContainer: (w) => w && w.parentNode ? w.parentNode : w,
+            notFoundContent: t.loading === void 0 ? void 0 : t.loading ? r(_e, {
+              size: "small",
+              indicator: (y = d == null ? void 0 : d.indicator) == null ? void 0 : y.value
+            }, null) : H(),
+            onChange: (w) => L(w, t),
+            options: t.loading ? [] : ($ = t == null ? void 0 : t.valueEnum) == null ? void 0 : $.map((w) => ({
+              label: w.text,
+              value: w.value
+            }))
+          }, t.field || {}), null);
+          break;
+        case "treeSelect":
+          b = r(yl, U({
+            style: {
+              width: "100%"
+            },
+            value: C[t.name],
+            placeholder: t.placeholder || "请选择",
+            allowClear: t.allowClear || t.allowClear === !1 ? t.allowClear : !0,
+            treeData: t.loading ? [] : t.valueEnum,
+            getPopupContainer: (w) => w && w.parentNode ? w.parentNode : w,
+            notFoundContent: t.loading === void 0 ? void 0 : t.loading ? r(_e, {
+              size: "small",
+              indicator: (E = d == null ? void 0 : d.indicator) == null ? void 0 : E.value
+            }, null) : H(),
+            onChange: (w) => L(w, t)
+          }, t.field || {}), null);
+          break;
+        case "date":
+          b = r(xt, U({
+            style: {
+              width: "100%"
+            },
+            value: C[t.name] ? q(C[t.name], t.valueFormat || "YYYY-MM-DD") : void 0,
+            getPopupContainer: (w) => w && w.parentNode ? w.parentNode : w,
+            placeholder: t.placeholder || "请选择",
+            allowClear: t.allowClear || t.allowClear === !1 ? t.allowClear : !0,
+            format: t.valueFormat || "YYYY-MM-DD",
+            showTime: t.showTime,
+            showToday: t.showToday || !0,
+            onChange: (w) => L(w, t)
+          }, t.field || {}), null);
+          break;
+        case "dateMonth":
+          b = r(Zl, U({
+            style: {
+              width: "100%"
+            },
+            value: C[t.name] ? q(C[t.name], t.valueFormat || "YYYY-MM") : void 0,
+            getPopupContainer: (w) => w && w.parentNode ? w.parentNode : w,
+            placeholder: t.placeholder || "请选择",
+            onChange: (w) => L(w, t)
+          }, t.field || {}), null);
+          break;
+        case "dateRange":
+          b = r(ea, U({
+            style: {
+              width: "100%"
+            },
+            value: (K = C[t.name]) != null && K.length ? [q(C[t.name][0], t.valueFormat || "YYYY-MM-DD HH:mm:ss"), q(C[t.name][1], t.valueFormat || "YYYY-MM-DD HH:mm:ss")] : void 0,
+            getPopupContainer: (w) => w && w.parentNode ? w.parentNode : w,
+            placeholder: t.placeholder || ["开始日期", "结束日期"],
+            format: t.valueFormat || "YYYY-MM-DD HH:mm:ss",
+            showTime: t.showTime,
+            onChange: (w) => L(w, t)
+          }, t.field || {}), null);
+          break;
+        case "time":
+          b = r(gl, U({
+            style: {
+              width: "100%"
+            },
+            value: C[t.name] ? q(C[t.name], t.valueFormat || "HH:mm:ss") : void 0,
+            getPopupContainer: (w) => w && w.parentNode ? w.parentNode : w,
+            placeholder: t.placeholder || "请选择",
+            allowClear: t.allowClear || t.allowClear === !1 ? t.allowClear : !0,
+            use12Hours: t.use12Hours,
+            format: t.valueFormat || "HH:mm:ss",
+            onChange: (w) => L(w, t)
+          }, t.field || {}), null);
+          break;
+      }
+      return b;
+    }, _ = ({
+      formItemStyle: t,
+      item: b
+    }) => r("div", {
+      class: `${e.prefixCls}-form-item`,
+      style: t
+    }, [r(rt.Item, null, {
+      default: () => [b.__v_isVNode ? b : Z(b)]
+    })]), Se = () => {
+      var b;
+      const t = [...e.searchMap, ...((b = l.default) == null ? void 0 : b.call(l)) || []];
+      return t.map((B, y) => {
+        const $ = {
+          width: `${(100 - (x.value - 1) * 2) / x.value}%`
+        }, E = R(y, x.value, $);
+        return t.length < x.value || s.value ? r(Ne, null, [_({
+          formItemStyle: E,
+          item: B
+        }), y === t.length - 1 && M({
+          formItemStyle: {
+            flex: 1,
+            justifyContent: "flex-end"
+          },
+          advanced: s.value,
+          showAdvanced: s.value
+        })]) : r(Ne, null, [y < x.value - 1 && _({
+          formItemStyle: E,
+          item: B
+        }), y === x.value - 1 && (x.value - 1 === 0 || t.length === x.value) && _({
+          formItemStyle: E,
+          item: B
+        }), y === x.value - 1 && t.length !== x.value && M({
+          formItemStyle: {
+            flex: 1,
+            justifyContent: "flex-end"
+          },
+          advanced: !1,
+          showAdvanced: t.length >= x.value
+        })]);
+      });
+    };
+    return () => {
+      var t, b;
+      return o(r("div", {
+        class: {
+          [`${i.value}`]: !0,
+          [`${S(e.prefixCls)}-search`]: !0,
+          [`${(t = e.search) == null ? void 0 : t.className}`]: (b = e.search) == null ? void 0 : b.className
+        }
+      }, [r(rt, {
+        class: `${S(e.prefixCls)}-form ${i.value}`,
+        layout: "horizontal"
+      }, {
+        default: () => [r("div", {
+          class: `${S(e.prefixCls)}-form-container ${i.value}`
+        }, [Se()])]
+      })]));
+    };
+  }
+});
+Tt.inheritAttrs = !1;
+const Re = (e) => {
+  const a = D(null);
+  return a.value = e, (...l) => {
+    var u;
+    return (u = a.value) == null ? void 0 : u.call(a, ...l);
+  };
+}, ta = (e) => ({
+  [`${e.componentCls}`]: {
+    width: "auto",
+    "&-title": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      height: 32
+    },
+    "&-overlay": {
+      [`${e.antCls}-popover-inner-content`]: {
+        width: "200px",
+        paddingBlock: 0,
+        paddingInline: 0,
+        paddingBlockEnd: 8
+      },
+      [`${e.antCls}-tree-node-content-wrapper:hover`]: {
+        backgroundColor: "transparent"
+      },
+      [`${e.antCls}-tree-draggable-icon`]: { cursor: "grab" },
+      [`${e.antCls}-tree-switcher`]: { display: "none" },
+      [`${e.antCls}-tree-treenode`]: {
+        alignItems: "center",
+        "&:hover": {
+          [`${e.componentCls}-list-item-option`]: {
+            display: "block"
+          }
+        },
+        [`${e.antCls}-tree-checkbox`]: {
+          marginInlineEnd: "4px",
+          alignSelf: "flex-start"
+        },
+        [`${e.antCls}-tree-title`]: {
+          width: "100%"
+        }
+      }
+    }
+  },
+  [`${e.componentCls}-action-rest-button`]: {
+    color: e.colorPrimary
+  },
+  [`${e.componentCls}-list`]: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    paddingBlockStart: 8,
+    [`&${e.componentCls}-list-group`]: {
+      paddingBlockStart: 0
+    },
+    "&-title": {
+      marginBlockStart: "6px",
+      marginBlockEnd: "6px",
+      paddingInlineStart: "24px",
+      color: e.colorTextSecondary,
+      fontSize: "12px"
+    },
+    "&-item": {
+      display: "flex",
+      alignItems: "center",
+      maxHeight: 24,
+      justifyContent: "space-between",
+      "&-title": {
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        wordBreak: "break-all",
+        whiteSpace: "nowrap"
+      },
+      "&-option": {
+        display: "none",
+        float: "right",
+        cursor: "pointer",
+        "> span": {
+          "> span.anticon": {
+            color: e.colorPrimary
+          }
+        },
+        "> span + span": {
+          marginInlineStart: 4
+        }
+      }
+    }
+  }
+}), Ye = ({
+  title: e,
+  show: a,
+  treeKey: l,
+  fixed: u
+}, {
+  slots: o
+}) => {
+  const {
+    cacheColumns: i,
+    settingsAction: d
+  } = he();
+  return a ? r(le, {
+    title: e
+  }, {
+    default: () => {
+      var h;
+      return [r("span", {
+        onClick: (C) => {
+          var c, g, m;
+          C.stopPropagation(), C.preventDefault();
+          const p = ((g = (c = S(i)) == null ? void 0 : c.find((x) => x.uuid === l)) == null ? void 0 : g.key) || "", v = (d == null ? void 0 : d.columnsMap[p]) || {};
+          if (typeof v.disable == "boolean" ? v.disable : (m = v.disable) == null ? void 0 : m.icon) return;
+          const n = {
+            ...d == null ? void 0 : d.columnsMap,
+            [p]: {
+              ...v,
+              fixed: u
+            }
+          };
+          d == null || d.setColumnsMap(n, "fixed");
+        }
+      }, [(h = o.default) == null ? void 0 : h.call(o)])];
+    }
+  }) : null;
+}, la = /* @__PURE__ */ oe({
+  props: {
+    treeKey: String,
+    hashId: String,
+    className: String,
+    title: [String, Function, Object, Boolean],
+    autoScroll: [Boolean],
+    fixed: [Boolean, String]
+  },
+  setup(e) {
+    const {
+      cacheColumns: a
+    } = he(), l = T(() => {
+      var o, i;
+      return ((i = (o = S(a)) == null ? void 0 : o.find((d) => d.uuid === e.treeKey)) == null ? void 0 : i.key) || "";
+    }), u = T(() => l.value === "action" && e.autoScroll);
+    return () => {
+      const o = r("span", {
+        class: [`${e.className}-list-item-option`, e.hashId]
+      }, [r(Ye, {
+        treeKey: e.treeKey || "",
+        fixed: "left",
+        title: "固定在列首",
+        show: e.fixed !== "left" && !u.value
+      }, {
+        default: () => [r(il, null, null)]
+      }), r(Ye, {
+        treeKey: e.treeKey || "",
+        fixed: void 0,
+        title: "不固定",
+        show: !!e.fixed && !u.value
+      }, {
+        default: () => [r(sl, null, null)]
+      }), r(Ye, {
+        treeKey: e.treeKey || "",
+        fixed: "right",
+        title: "固定在列尾",
+        show: e.fixed !== "right"
+      }, {
+        default: () => [r(ol, null, null)]
+      })]);
+      return r("span", {
+        class: [`${e.className}-list-item`, e.hashId],
+        key: e.treeKey
+      }, [r("div", {
+        class: [`${e.className}-list-item-title`, e.hashId]
+      }, [e.title]), o]);
+    };
+  }
+}), Le = /* @__PURE__ */ oe({
+  props: {
+    list: Array,
+    keys: Array,
+    hashId: String,
+    className: String,
+    title: String,
+    checkable: Boolean,
+    draggable: Boolean,
+    showTitle: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const a = D(We().uuid(15)), l = T(() => e.list && e.list.length > 0), u = D([]), o = D([]), {
+      cacheColumns: i,
+      slots: d,
+      settingsAction: h
+    } = he(), C = (n, c) => n.map(({
+      key: g,
+      children: m,
+      uuid: x,
+      ...P
+    }) => {
+      var L;
+      const R = (h == null ? void 0 : h.columnsMap[g || "null"]) || {
+        show: !0
+      };
+      let k = !1;
+      R.show !== !1 && (c == null ? void 0 : c.show) !== !1 && !m && (k = !0);
+      const Y = {
+        key: x || "",
+        ...Ee(P, ["dataIndex"]),
+        checked: k,
+        selectable: !1,
+        disabled: R.disable === !0,
+        disableCheckbox: typeof R.disable == "boolean" ? R.disable : (L = R.disable) == null ? void 0 : L.checkbox,
+        isLeaf: !0
+      };
+      return m && (Y.children = C(m, R)), Y;
+    });
+    Pe(() => {
+      const n = C(e.list || []);
+      u.value = n, o.value = n.filter((c) => c.checked).map((c) => c.key), (h == null ? void 0 : h.operationType.value) === "fixed" && (a.value = We().uuid(15));
+    });
+    const p = Re((n, c, g) => {
+      var H, re;
+      const m = ((H = S(i).find((M) => M.uuid === n)) == null ? void 0 : H.key) || "", x = ((re = S(i).find((M) => M.uuid === c)) == null ? void 0 : re.key) || "", P = {
+        ...h == null ? void 0 : h.columnsMap
+      }, R = [...h.sortKeyColumns.value], k = R.findIndex((M) => M === m), Y = R.findIndex((M) => M === x), L = g > k;
+      if (k < 0)
+        return;
+      const z = R[k];
+      R.splice(k, 1), g === 0 ? R.unshift(z) : R.splice(L ? Y : Y + 1, 0, z), R.forEach((M, Z) => {
+        P[M] = {
+          ...P[M] || {},
+          order: Z
+        };
+      }), h == null || h.setColumnsMap(P, "drop"), h == null || h.setSortKeyColumns(R);
+    }), v = Re((n) => {
+      var R;
+      const c = n.node.key, g = ((R = S(i).find((k) => k.uuid === c)) == null ? void 0 : R.key) || "", x = {
+        ...(h == null ? void 0 : h.columnsMap[g]) || {}
+      };
+      x.show = n.checked;
+      const P = {
+        ...h == null ? void 0 : h.columnsMap,
+        [g]: x
+      };
+      h == null || h.setColumnsMap(P, "show");
+    }), s = (n) => {
+      const c = S(i).find((g) => g.uuid === n.key);
+      return n.title || tl(d, "headerCell", {
+        title: c.title,
+        column: c
+      }, () => [c.title]);
+    };
+    return () => {
+      var n, c;
+      return l.value ? r(Ne, null, [e.showTitle && r("span", {
+        class: [`${e.className}-list-title`, e.hashId]
+      }, [e.title]), r(Sl, {
+        key: a.value,
+        draggable: e.draggable && !!((n = u.value) != null && n.length) && ((c = u.value) == null ? void 0 : c.length) > 1,
+        checkable: e.checkable,
+        blockNode: !0,
+        showLine: !1,
+        checkedKeys: o.value,
+        height: 280,
+        onDrop: (g) => {
+          const m = g.node.key, x = g.dragNode.key, {
+            dropPosition: P,
+            dropToGap: R
+          } = g, k = P === -1 || !R ? P + 1 : P;
+          p(x, m, k);
+        },
+        onCheck: (g, m) => v(m),
+        treeData: u.value
+      }, {
+        title: (g) => {
+          var x;
+          const m = {
+            ...g,
+            children: void 0,
+            title: s(g),
+            autoScroll: (x = h == null ? void 0 : h.autoScroll) == null ? void 0 : x.value
+          };
+          return r(la, U({
+            hashId: e.hashId,
+            className: e.className
+          }, m, {
+            treeKey: m.key
+          }), null);
+        }
+      })]) : null;
+    };
+  }
+}), aa = /* @__PURE__ */ oe({
+  props: {
+    hashId: String,
+    className: String,
+    draggable: Boolean,
+    checkable: Boolean
+  },
+  setup(e) {
+    const {
+      columns: a
+    } = he(), l = D([]), u = D([]), o = D([]), i = D([]);
+    W(() => a.value, (C) => {
+      l.value = [], u.value = [], o.value = [], C.forEach((p) => {
+        if (p.hideInSetting)
+          return;
+        const {
+          fixed: v,
+          show: s,
+          uuid: n
+        } = p;
+        if ((s || s === void 0) && n && i.value.push(n), v === "left") {
+          u.value.push(p);
+          return;
+        }
+        if (v === "right") {
+          l.value.push(p);
+          return;
+        }
+        o.value.push(p);
+      });
+    }, {
+      immediate: !0
+    });
+    const d = T(() => l.value && l.value.length > 0), h = T(() => u.value && u.value.length > 0);
+    return () => r("div", {
+      class: {
+        [`${e.hashId}`]: !0,
+        [`${e.className}-list`]: !0,
+        [`${e.className}-list-group`]: d.value || h.value
+      }
+    }, [r(Le, {
+      title: "固定在左侧",
+      list: u.value,
+      keys: i.value,
+      hashId: e.hashId,
+      draggable: e.draggable,
+      checkable: e.checkable,
+      className: e.className
+    }, null), r(Le, {
+      list: o.value,
+      keys: i.value,
+      hashId: e.hashId,
+      draggable: e.draggable,
+      checkable: e.checkable,
+      title: "不固定",
+      showTitle: h.value || d.value,
+      className: e.className
+    }, null), r(Le, {
+      title: "固定在右侧",
+      list: l.value,
+      keys: i.value,
+      hashId: e.hashId,
+      draggable: e.draggable,
+      checkable: e.checkable,
+      className: e.className
+    }, null)]);
+  }
+}), na = /* @__PURE__ */ oe({
+  props: {
+    draggable: {
+      type: Boolean,
+      default: void 0
+    },
+    checkable: {
+      type: Boolean,
+      default: void 0
+    },
+    checkedReset: Boolean,
+    extra: [Function, Object, String, Boolean]
+  },
+  setup(e) {
+    const a = Ge({
+      suffixCls: "table-column-setting",
+      isPor: !0
+    }), {
+      wrapSSR: l,
+      hashId: u
+    } = ze("ColumnSetting", [ta], a), {
+      columns: o,
+      settingsAction: i
+    } = he(), d = Re((s = !0) => {
+      const n = {}, c = (g) => {
+        g.forEach(({
+          key: m,
+          fixed: x,
+          index: P,
+          children: R
+        }) => {
+          const k = mt(m, P);
+          k && (n[k] = {
+            show: s,
+            fixed: x
+          }), R && c(R);
+        });
+      };
+      c(o.value), i == null || i.setColumnsMap(n, "show");
+    }), h = Re((s) => {
+      s.target.checked ? d() : d(!1);
+    }), C = Re(() => {
+      i == null || i.setColumnsMap(i == null ? void 0 : i.cacheColumnsMap, "fixed");
+    }), p = T(() => (
+      // @ts-ignore
+      Object.values(i == null ? void 0 : i.columnsMap).filter((s) => !s || s.show === !1)
+    )), v = T(() => S(p).length > 0 && S(p).length !== o.value.length);
+    return () => l(r(Cl, {
+      arrowPointAtCenter: !0,
+      title: r("div", {
+        class: [`${a}-title`, u.value]
+      }, [r(xl, {
+        indeterminate: v.value,
+        checked: S(p).length === 0 && S(p).length !== o.value.length,
+        onChange: (s) => h(s)
+      }, {
+        default: () => [Fe("列展示")]
+      }), e.checkedReset ? r("a", {
+        onClick: C,
+        class: [`${a}-action-rest-button`, u.value]
+      }, [Fe("重置")]) : null, e != null && e.extra ? r(de, {
+        size: 12,
+        align: "center"
+      }, {
+        default: () => [e.extra]
+      }) : null]),
+      overlayClassName: `${a}-overlay ${u.value}`,
+      trigger: "click",
+      placement: "bottomRight",
+      content: r(aa, {
+        hashId: u.value,
+        checkable: e.checkable ?? !0,
+        draggable: e.draggable ?? !0,
+        className: a
+      }, null)
+    }, {
+      default: () => [r(le, {
+        title: "列设置"
+      }, {
+        default: () => [r(bt, null, null)]
+      })]
+    }));
+  }
+}), pt = /* @__PURE__ */ oe({
+  setup() {
+    const {
+      isFullscreen: e
+    } = Ct();
+    return () => e.value ? r(le, {
+      title: "退出全屏"
+    }, {
+      default: () => [r(rl, null, null)]
+    }) : r(le, {
+      title: "全屏"
+    }, {
+      default: () => [r(cl, null, null)]
+    });
+  }
+}), ua = () => {
+  const {
+    action: e,
+    tableSize: a
+  } = he();
+  return r(wl, {
+    overlay: r(ke, {
+      selectedKeys: [a.value],
+      onClick: ({
+        key: l
+      }) => {
+        var u;
+        (u = e.setTableSize) == null || u.call(e, l);
+      },
+      style: {
+        width: 80
+      }
+    }, {
+      default: () => [r(ke.Item, {
+        key: "large"
+      }, {
+        default: () => [Fe("默认")]
+      }), r(ke.Item, {
+        key: "middle"
+      }, {
+        default: () => [Fe("中等")]
+      }), r(ke.Item, {
+        key: "small"
+      }, {
+        default: () => [Fe("紧凑")]
+      })]
+    }),
+    trigger: ["click"]
+  }, {
+    default: () => [r(le, {
+      title: "表格密度"
+    }, {
+      default: () => [r(dl, null, null)]
+    })]
+  });
+}, ia = (e) => ({
+  [`${e.componentCls}`]: {
+    lineHeight: 1,
+    "&-container": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      paddingBottom: e.paddingMD,
+      "&-mobile": {
+        flexDirection: "column",
+        flexWrap: "wrap",
+        alignItems: "flex-start",
+        [`${e.componentCls}-left`]: {
+          flexWrap: "wrap",
+          width: "100%",
+          marginBottom: 16
+        },
+        [`${e.componentCls}-right`]: {
+          width: "100%"
+        }
+      }
+    },
+    "&-title": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      color: e.colorTextHeading,
+      fontWeight: "500",
+      fontSize: e.fontSizeLG,
+      gap: 4
+    },
+    "&-left": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start"
+    },
+    "&-right": {
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }
+});
+function ft(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !be(e);
+}
+const {
+  useBreakpoint: sa
+} = Ue;
+function oa(e) {
+  if (be(e))
+    return e;
+  if (e) {
+    const a = e, {
+      icon: l,
+      tooltip: u,
+      onClick: o,
+      key: i
+    } = a;
+    return l && u ? r(le, {
+      title: u
+    }, {
+      default: () => [r("span", {
+        key: i,
+        onClick: () => {
+          o && o(i);
+        }
+      }, [l])]
+    }) : l;
+  }
+  return null;
+}
+const $t = /* @__PURE__ */ oe({
+  props: {
+    actions: ge.toolBarBtn,
+    settings: [Array],
+    titleTip: ge.titleTip,
+    prefixCls: String,
+    headerTitle: ge.headerTitle,
+    titleTipText: ge.titleTipText,
+    optionsExtra: ge.optionsExtra
+  },
+  setup(e) {
+    const {
+      wrapSSR: a,
+      hashId: l
+    } = ze("ListToolBar", [ia], e.prefixCls), u = sa(), {
+      isMobile: o
+    } = he(), i = T(() => {
+      var n;
+      return !!(e.titleTip || e.headerTitle || (n = e.actions) != null && n.length);
+    }), d = T(() => {
+      var n;
+      return !!((n = e.settings) != null && n.length || e.optionsExtra);
+    }), h = T(() => !!(e.titleTip || e.headerTitle)), C = T(() => {
+      var c;
+      let n;
+      return Array.isArray(e.actions) ? ((c = e.actions) == null ? void 0 : c.length) < 1 ? null : r(de, {
+        align: "center"
+      }, ft(n = e.actions.map((g, m) => be(g) ? qe(g, {
+        key: m,
+        ...g == null ? void 0 : g.props
+      }) : r("template", {
+        key: m
+      }, [g]))) ? n : {
+        default: () => [n]
+      }) : e.actions;
+    }), p = Me(() => !i.value && d.value ? r("div", {
+      class: `${e.prefixCls}-left ${l.value}`
+    }, null) : h.value ? r(de, {
+      class: `${e.prefixCls}-left ${l.value}`
+    }, {
+      default: () => [r("div", {
+        class: `${e.prefixCls}-title ${l.value}`
+      }, [e.headerTitle, e.titleTip && r(le, {
+        title: e.titleTipText
+      }, {
+        default: () => [se(e.titleTip) && e.titleTip ? r(fl, null, null) : e.titleTip]
+      })]), C.value && r("div", {
+        class: `${e.prefixCls}-actions ${l.value}`
+      }, [C.value])]
+    }) : r(de, {
+      class: `${e.prefixCls}-left ${l.value}`
+    }, {
+      default: () => [C.value && r("div", {
+        class: `${e.prefixCls}-actions`
+      }, [C.value])]
+    }), [() => i.value, () => d.value, () => h.value, () => e.prefixCls, () => e.headerTitle, () => e.titleTipText, () => e.titleTip]), v = Me(() => {
+      let n;
+      return d.value ? r(de, {
+        size: 16,
+        class: `${e.prefixCls}-right ${l.value}`,
+        align: u.value.lg ? "center" : "end",
+        direction: u.value.lg ? "horizontal" : "vertical"
+      }, {
+        default: () => {
+          var c;
+          return [e.optionsExtra, (c = e.settings) != null && c.length ? r(de, {
+            size: 12,
+            align: "center",
+            class: `${e.prefixCls}-setting-items`
+          }, ft(n = e.settings.map((g, m) => {
+            const x = oa(g);
+            return r("div", {
+              key: m,
+              class: `${e.prefixCls}-setting-item`
+            }, [x]);
+          })) ? n : {
+            default: () => [n]
+          }) : null];
+        }
+      }) : null;
+    }, [() => u.value, () => d.value, () => e.prefixCls, () => h.value, () => C.value, () => e.settings]), s = Me(() => {
+      if (!d.value && !i.value) return null;
+      const n = {
+        [`${l.value}`]: !0,
+        [`${e.prefixCls}-container`]: !0,
+        [`${e.prefixCls}-container-mobile`]: o.value
+      };
+      return r("div", {
+        class: n
+      }, [p.value, v.value]);
+    }, [() => o.value, () => i.value, () => d.value, () => p.value, () => e.prefixCls, () => v.value]);
+    return () => a(r("div", {
+      class: `${e.prefixCls} ${l.value}`
+    }, [s.value]));
+  }
+});
+$t.inheritAttrs = !1;
+function ra() {
+  return {
+    reload: {
+      text: "刷新",
+      icon: r(hl, null, null)
+    },
+    density: {
+      text: "表格密度",
+      icon: r(ua, null, null)
+    },
+    setting: {
+      text: "列设置",
+      icon: r(bt, null, null)
+    },
+    fullScreen: {
+      text: "全屏",
+      icon: r(pt, null, null)
+    }
+  };
+}
+function ca(e, a) {
+  return Object.keys(e).filter((l) => l).map((l) => {
+    const u = e[l];
+    if (!u)
+      return null;
+    let o = u === !0 ? a[l] : () => u == null ? void 0 : u();
+    if (typeof o != "function" && (o = () => {
+    }), l === "setting")
+      return r(na, U(e[l], {
+        key: l
+      }), null);
+    if (l === "fullScreen")
+      return r("span", {
+        key: l,
+        onClick: o
+      }, [r(pt, null, null)]);
+    const i = ra()[l];
+    return i ? r("span", {
+      key: l,
+      onClick: o
+    }, [r(le, {
+      title: i.text
+    }, {
+      default: () => [i.icon]
+    })]) : null;
+  }).filter((l) => l);
+}
+const da = {
+  options: [Boolean, Object, Array],
+  titleTip: [Function, Boolean, Object, String],
+  settingExtra: [Function, Boolean, Object, Array],
+  optionsExtra: [Function, Boolean, Object, Array],
+  titleTipText: [String],
+  toolBarBtn: [Function, Boolean, Object, Array],
+  headerTitle: [Function, Boolean, Object, Array, String]
+}, fa = /* @__PURE__ */ oe({
+  props: da,
+  inheritAttrs: !1,
+  setup(e) {
+    const a = Ge({
+      suffixCls: "table-list-toolbar",
+      isPor: !0
+    }), {
+      action: l
+    } = he(), u = Me(() => {
+      var d;
+      const o = {
+        reload: () => l == null ? void 0 : l.reload(),
+        density: !0,
+        setting: !0,
+        fullScreen: () => l == null ? void 0 : l.toggle()
+      };
+      if (e.options === !1 || ((d = Object.keys(e.options)) == null ? void 0 : d.length) === 0) return [];
+      const i = {
+        ...o,
+        ...e.options
+      };
+      return i.setting !== !1 && e.settingExtra && (i.setting = {}, i.setting.extra = e.settingExtra), ca(i, {
+        ...o
+      });
+    }, [() => l, () => e.options]);
+    return () => {
+      const o = e.toolBarBtn || [];
+      return r($t, {
+        prefixCls: a,
+        optionsExtra: e.optionsExtra,
+        headerTitle: e.headerTitle,
+        actions: o,
+        settings: S(u),
+        titleTip: e.titleTip,
+        titleTipText: e.titleTipText
+      }, null);
+    };
+  }
+}), Ve = {
+  "&::-webkit-scrollbar": {
+    width: 4,
+    height: 4
+  },
+  "&::-webkit-scrollbar-thumb": {
+    backgroundColor: "#d2d4d6",
+    borderRadius: 2
+  },
+  "&::-webkit-scrollbar-track": {
+    backgroundColor: "transparent",
+    borderRadius: 2
+  }
+}, ha = (e) => {
+  const a = `${e.antCls}-table`;
+  return {
+    [e.componentCls]: {
+      "&-a": {
+        cursor: "pointer",
+        color: e.colorPrimary,
+        "&:hover": {
+          color: e.colorPrimaryHover
+        }
+      },
+      [`${a}`]: {
+        [`${a}-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"
+          }
+        }
+      },
+      [`${e.componentCls}-copyable`]: {
+        display: "flex",
+        alignItems: "center",
+        [`${e.componentCls}-copyable-icon`]: {
+          marginLeft: 8,
+          color: e.colorPrimary,
+          cursor: "pointer"
+        }
+      },
+      [`${e.componentCls}-ellipsis-text`]: {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        wordBreak: "break-word",
+        whiteSpace: "nowrap"
+      },
+      [`${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.antCls}-table-content`]: Ve,
+      [`${e.antCls}-table-body`]: Ve,
+      [`${e.antCls}-table-empty`]: {
+        [`${e.antCls}-table-content`]: Ve
+      }
+    }
+  };
+}, {
+  useBreakpoint: ma
+} = Ue, va = {
+  reload: !0,
+  density: !0,
+  setting: !0,
+  fullScreen: !0
+}, He = /* @__PURE__ */ oe({
+  name: "GProTable",
+  inheritAttrs: !1,
+  props: ge,
+  emits: ["reset", "reload", "submit", "sizeChange", "expandedRowsChange", "expand", "change", "requestError", "beforeSearchSubmit", "columnsStateChange", "loadingChange"],
+  slots: Object,
+  setup(e, {
+    emit: a,
+    slots: l,
+    attrs: u,
+    expose: o
+  }) {
+    const i = Ge({
+      suffixCls: "table",
+      isPor: !0
+    }), {
+      wrapSSR: d,
+      hashId: h
+    } = ze("ProBaseTable", [ha], i), C = ma(), {
+      width: p
+    } = vl(), v = St(), s = D(), n = D(), c = D(e.waitRequest);
+    Pe(() => c.value = e.waitRequest);
+    const {
+      toggle: g,
+      isFullscreen: m
+    } = Ct(s), x = T(() => ({
+      ...e
+    })), P = T(() => !C.value.xl), R = T(() => {
+      var f, F;
+      return e.virtualScroll && ll(!((f = e.scroll) != null && f.y), "参数scroll的Y值不能为空！"), !!((F = e.scroll) != null && F.y && e.virtualScroll);
+    }), k = T(() => {
+      const f = (e.columns || []).filter((F) => F.key || F.dataIndex).map((F) => ({
+        ...F,
+        key: F.key || F.dataIndex,
+        align: F.align || e.align,
+        uuid: We().uuid(15)
+      }));
+      return qt(f, {
+        align: e.align || "left",
+        showIndex: e.showIndex || !1
+      });
+    }), {
+      loadingComputed: Y,
+      loading: L,
+      setLoading: z
+    } = jl({
+      emit: a,
+      loading: te(e, "loading")
+    }), {
+      sizeRef: H,
+      setTableSize: re
+    } = Ml({
+      emit: a,
+      size: te(e, "size")
+    }), {
+      paginationInfo: M,
+      requestPagination: Z,
+      setPagination: _
+    } = Nl({
+      slots: l,
+      props: x,
+      pagination: te(e, "pagination")
+    }), Se = Gl(e), {
+      proScroll: t,
+      breakpoint: b
+    } = ql({
+      ...Se,
+      innerWidth: p,
+      columns: k,
+      screens: C
+    }), B = Wl(e), {
+      proColumns: y,
+      cacheProColumns: $,
+      setColumns: E,
+      changeColumns: K,
+      resizeColumnWidth: w
+    } = _l({
+      ...B,
+      breakpoint: b,
+      scroll: t,
+      columns: k
+    }), {
+      columnsMap: Ke,
+      operationType: Ie,
+      setColumnsMap: ce,
+      sortKeyColumns: Be,
+      cacheColumnsMap: we,
+      setSortKeyColumns: X
+    } = Hl({
+      columns: $,
+      columnsState: te(e, "columnsState"),
+      changeColumns: K
+    }), {
+      formDataRef: ae,
+      formParamsRef: A,
+      defaultParamsRef: me,
+      setFormParams: G
+    } = Vl({
+      search: te(e, "search"),
+      searchMap: te(e, "searchMap"),
+      params: te(e, "params"),
+      columns: k,
+      setPagination: _
+    }), {
+      selectedKey: Xe,
+      selectedItem: Ft,
+      changeRowKey: Rt,
+      selectRowKey: Je,
+      selectAllRowKey: Qe,
+      syncSelectedRows: Ze,
+      removeRowKeys: et,
+      clearAllRowKeys: Pt
+    } = zl(te(e, "rowKey"), te(e, "rowSelection")), It = Al(e), {
+      reload: Ae,
+      reSetDataList: Bt,
+      changeDataValue: Ot,
+      isTreeDataRef: kt,
+      dataSource: Te,
+      handleTableChange: tt
+    } = Yl({
+      ...It,
+      waitRequest: c
+    }, {
+      loading: Y,
+      paginationInfo: M,
+      setPagination: _,
+      removeRowKeys: et,
+      syncSelectedRows: Ze,
+      setLoading: z,
+      setColumns: E,
+      columns: y,
+      formParamsRef: A,
+      onBeforeSearchSubmit: e.onBeforeSearchSubmit,
+      hasCustomRender: T(() => xe(e.customRender || (l == null ? void 0 : l.customRender)))
+    }, a), pe = T(() => e.options ? {
+      ...va,
+      ...Q(e.options) ? e.options : {}
+    } : !1), Dt = T(() => ({
+      size: S(H),
+      scroll: S(t),
+      dataSource: S(Te),
+      pagination: S(M),
+      virtualScroll: R.value,
+      columns: S(y).filter((f) => f.show || f.show === void 0)
+    })), lt = T(() => {
+      var F, I;
+      const f = Q(e.loading) ? Ee(e.loading, "spinning") : {};
+      return !f.indicator && ((F = v == null ? void 0 : v.indicator) != null && F.value) && (f.indicator = (I = v == null ? void 0 : v.indicator) == null ? void 0 : I.value), {
+        spinning: e.showLoading ? xe(L.value) : !1,
+        ...f
+      };
+    }), at = T(() => {
+      var j;
+      let f;
+      const F = S(x).direction === "rtl" ? "bottomLeft" : "right", I = (j = S(M)) == null ? void 0 : j.position;
+      if (I !== null && Array.isArray(I)) {
+        const O = I.find((N) => N.includes("top")), V = I.find((N) => N.includes("bottom")), ee = I.every((N) => `${N}` == "none");
+        !O && !V && !ee && (f = F), O && (f = O.toLowerCase().replace("top", "")), V && (f = V.toLowerCase().replace("bottom", ""));
+      } else
+        f = F;
+      return f;
+    }), nt = async (f) => {
+      var F;
+      Q(e.search) && ((F = e.search) != null && F.showSearch) ? (G({
+        ...f,
+        ...e.params || {}
+      }), await Ae()) : G(f);
+    }, jt = async (f, F) => {
+      F ? (a("reset", f), e.request && await nt(f)) : e.request ? (a("submit", f), await nt(f)) : a("submit", f);
+    }, ut = (f, F, I, j) => {
+      _(ot(f, ["current", "pageSize"])), tt(f, F, I, j);
+    }, Mt = (f, F) => {
+      var I;
+      _({
+        current: f,
+        pageSize: F
+      }), tt({
+        current: f,
+        pageSize: F,
+        total: M.value && ((I = M.value) == null ? void 0 : I.total) || 0
+      }, {}, {});
+    }, Nt = (f) => {
+      a("expandedRowsChange", f);
+    }, Et = (f, F) => {
+      a("expand", f, F);
+    }, zt = (f, F) => w(f, F), Kt = (f, F, I) => {
+      var O, V, ee;
+      let j = f;
+      if (F && (j = r("div", {
+        class: `${i}-ellipsis`
+      }, [r(le, {
+        title: f,
+        getPopupContainer: (N) => {
+          var J;
+          return (J = N == null ? void 0 : N.parentNode) == null ? void 0 : J.parentNode;
+        }
+      }, {
+        default: () => [r("div", {
+          class: `${i}-ellipsis-text`
+        }, [f])]
+      })]), I.copyable)) {
+        const N = ye(f) ? typeof ((O = f == null ? void 0 : f[0]) == null ? void 0 : O.children) == "string" ? (V = f == null ? void 0 : f[0]) == null ? void 0 : V.children : "" : f.toString(), J = typeof I.copyText == "function" ? (ee = I.copyText) == null ? void 0 : ee.call(I, I) : I.copyText || N;
+        j = r("div", {
+          class: `${i}-copyable`
+        }, [r(le, {
+          title: f,
+          getPopupContainer: (ne) => {
+            var ue;
+            return (ue = ne == null ? void 0 : ne.parentNode) == null ? void 0 : ue.parentNode;
+          }
+        }, {
+          default: () => [r("div", {
+            class: `${i}-ellipsis-text`
+          }, [f])]
+        }), r(ml, {
+          class: `${i}-copyable-icon`,
+          onClick: () => {
+            Dl(J), $l.success("复制成功");
+          }
+        }, null)]);
+      }
+      return j;
+    };
+    function it() {
+      var I, j, O, V, ee;
+      const f = Ce(l, e, "emptyText");
+      if (f !== !1 && ((I = v == null ? void 0 : v.emptyText) == null ? void 0 : I.value) !== !1) {
+        const N = ((j = e.emptyTextProps) == null ? void 0 : j.extraProps) || {}, J = f || ((O = v == null ? void 0 : v.emptyText) == null ? void 0 : O.value), ne = be(J), ue = ne ? yt(J, N) : gt(J || []);
+        return r("div", {
+          class: je(`${i}-empty-text`, h.value, (V = e.emptyTextProps) == null ? void 0 : V.class),
+          style: (ee = e.emptyTextProps) == null ? void 0 : ee.style
+        }, [ne ? ue : ye(ue) ? ue.map((Oe) => qe(Oe, N)) : r(Fl, null, null)]);
+      }
+      return null;
+    }
+    const At = () => {
+      var F;
+      const f = ht(l, e, "customRender");
+      if (f) {
+        if ((F = Te.value) != null && F.length) {
+          const I = ie(S(Te));
+          return f == null ? void 0 : f({
+            dataSource: I,
+            currentData: kl(I, M.value)
+          });
+        }
+        return it();
+      }
+      return r(Ne, null, null);
+    }, Yt = (f) => {
+      var O, V;
+      const F = Ce(l, e, "headerTitle"), I = Ce(l, e, "titleTip"), j = Ce(l, e, "toolBarBtn");
+      return r(fa, {
+        headerTitle: F,
+        titleTip: I,
+        titleTipText: e.titleTipText,
+        options: se(pe.value) ? pe.value : {
+          ...pe.value,
+          setting: f ? !1 : (O = pe.value) == null ? void 0 : O.setting,
+          density: f ? !1 : (V = pe.value) == null ? void 0 : V.density
+        },
+        settingExtra: Ce(l, e, "settingExtra"),
+        optionsExtra: Ce(l, e, "optionsExtra"),
+        toolBarBtn: j
+      }, null);
+    };
+    return Ul({
+      tableSize: H,
+      columns: y,
+      cacheColumns: k,
+      isMobile: P,
+      action: {
+        setTableSize: re,
+        reload: (f) => Ae(f),
+        toggle: g
+      },
+      settingsAction: {
+        autoScroll: te(e, "autoScroll"),
+        columnsMap: Ke,
+        operationType: Ie,
+        setColumnsMap: ce,
+        sortKeyColumns: Be,
+        cacheColumnsMap: we,
+        setSortKeyColumns: X
+      },
+      setPagination: _,
+      changeColumns: K,
+      slots: l
+    }), o({
+      formRef: () => ({
+        getFormState: () => S(A),
+        getFormInnerState: () => {
+          var f;
+          return ((f = n.value) == null ? void 0 : f.getFormState()) || {};
+        },
+        restFormState: (f) => {
+          var F;
+          c.value = !0, f && (f == null || f()), (F = n.value) == null || F.resetForm(!1), c.value = !1;
+        }
+      }),
+      actionRef: () => ({
+        loading: L,
+        dataSource: Te,
+        pageState: Z,
+        pagination: M.value,
+        selectedKey: T(() => Xe.value),
+        selectedItem: T(() => Ft.value),
+        rowsSelection: {
+          clear: Pt,
+          select: Je,
+          remove: et,
+          sync: Ze,
+          selectAll: Qe
+        },
+        reload: Ae,
+        getLoadingStatus: () => S(Y),
+        reloadAndReset: async (f) => {
+          var F, I, j;
+          c.value = !0, _({
+            current: 1,
+            pageSize: (Z == null ? void 0 : Z.pageSize) || 10
+          }), f != null && f.callBack && (f != null && f.wait ? await ((F = f == null ? void 0 : f.callBack) == null ? void 0 : F.call(f)) : (I = f == null ? void 0 : f.callBack) == null || I.call(f)), (j = n.value) == null || j.resetForm(!1), c.value = !1;
+        },
+        reSetDataList: Bt,
+        setPageAndReload: ut,
+        setPagination: _,
+        setData: Ot,
+        setLoading: z
+      })
+    }), () => {
+      var F, I;
+      const f = xe(e.customRender || l.customRender);
+      return d(r("div", {
+        ref: s,
+        class: je([{
+          [`${h.value}`]: !0,
+          [`${i}`]: !0,
+          [`${u.class}`]: u.class,
+          [`${i}-no-scroll`]: !Object.keys(S(t) || {}).length,
+          [`${i}-table-tree`]: kt.value,
+          [`${i}-full-screen`]: m.value
+        }]),
+        style: u.style
+      }, [r("div", {
+        class: [`${i}-content`, h.value]
+      }, [(ae.value.length > 0 || xe(l.search)) && r(Tt, {
+        ref: n,
+        search: e.search,
+        modal: e.modalScroll,
+        searchMap: ae.value,
+        prefixCls: i,
+        loading: !!S(Y),
+        onSearch: jt,
+        defaultParams: me
+      }, {
+        default: l.search ? () => {
+          var j;
+          return (j = l.search) == null ? void 0 : j.call(l);
+        } : null
+      }), !R.value && Yt(f), f ? r(_e, lt.value, {
+        default: () => {
+          var j, O, V;
+          return [r("div", {
+            class: `${i}-wrapper ${h.value}`
+          }, [r("div", {
+            class: je(`${i}-list`, h.value, (j = e.tableProps) == null ? void 0 : j.class),
+            style: (O = e.tableProps) == null ? void 0 : O.style
+          }, [At()]), e.pagination !== !1 && ((V = Te.value) == null ? void 0 : V.length) > 0 && r(Tl, U({
+            class: {
+              [`${i}-pagination ${h.value}`]: !0,
+              [`${i}-pagination-${at.value} ${h.value}`]: !!at.value
+            }
+          }, ve(S(M)), {
+            onChange: Mt
+          }), null)])];
+        }
+      }) : r(pl, U(ot(e, Object.keys(wt)), Dt.value, {
+        style: (F = e.tableProps) == null ? void 0 : F.style,
+        class: (I = e.tableProps) == null ? void 0 : I.class,
+        loading: lt.value,
+        rowKey: (j) => j[e.rowKey],
+        transformCellText: (j) => {
+          var J, ne, ue;
+          e.transformCellText && typeof e.transformCellText && ((J = e.transformCellText) == null || J.call(e, j));
+          const {
+            column: O
+          } = j, V = (O == null ? void 0 : O.key) || (O == null ? void 0 : O.dataIndex);
+          let ee = !0, N = j.text;
+          if (ye(N) && N.length === 1 && !be(N == null ? void 0 : N[0])) {
+            N = N == null ? void 0 : N[0];
+            const Oe = Ut(N, (O == null ? void 0 : O.columnEmptyText) || (e == null ? void 0 : e.columnEmptyText) || "");
+            ee = Oe.success, N = Ol(Oe.value, (O == null ? void 0 : O.valueType) || ((ue = (ne = e.columns) == null ? void 0 : ne.find((st) => (st.key || st.dataIndex) === V)) == null ? void 0 : ue.valueType), i, h.value);
+          }
+          return O != null && O.ellipsis ? Kt(N, ee, O) : N;
+        },
+        rowSelection: e.rowSelection ? {
+          ...Ee(e.rowSelection, ["onSelect", "onSelectAll", "onChange", "selectedRowKeys"]),
+          selectedRowKeys: Xe.value,
+          onSelect: Je,
+          onSelectAll: Qe,
+          onChange: Rt
+        } : void 0,
+        onChange: ut,
+        onExpandedRowsChange: Nt,
+        onExpand: Et,
+        onResizeColumn: (j, O) => zt(j, O)
+      }), {
+        ...l,
+        emptyText: () => it()
+      })])]));
+    };
+  }
+});
+He.install = (e) => (e.component(He.name, He), e);
+export {
+  He as GProTable,
+  He as default,
+  ge as proTableProps,
+  Ia as useTable
+};