@gx-design-vue/pro-table 0.2.0-beta.7 → 0.2.0-beta.70

package/dist/pro-table.js

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