@gx-design-vue/pro-table 0.2.0-beta.9 → 0.2.0-beta.91

package/dist/pro-table.js

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