@gx-design-vue/pro-table 0.2.0-beta.5 → 0.2.0-beta.50

package/dist/pro-table.js

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