x-next 1.0.0 → 1.1.0

package/dist/es/components/table/Table.js

@@ -0,0 +1,1574 @@
+import { defineComponent as $l, toRefs as zl, computed as h, ref as p, reactive as we, watch as ne, watchEffect as Ml, toRef as Wl, provide as Ol, onMounted as jl, createVNode as u, Fragment as ke, mergeProps as k, isVNode as Hl } from "vue";
+import { isObject as Re, isFunction as K, isNumber as L, isString as Il, isArray as _l, isUndefined as Vl, isNull as Nl } from "../../_utils/is.js";
+import { debounce as ft } from "../../_utils/debounce.js";
+import { getGroupColumns as Gl, mapArrayWithChildren as Ul, mapRawTableData as Yl, getColumnsFromSlot as ql } from "./utils.js";
+import { useRowSelection as Jl } from "./hooks/use-row-selection.js";
+import { useExpand as Ql } from "./hooks/use-expand.js";
+import { usePagination as Xl } from "./hooks/use-pagination.js";
+import Zl from "../../icons/_self/plus.js";
+import ea from "../../icons/default/minus-circle-fill.js";
+import { Spin as ta } from "../spin/index.js";
+import { Pagination as la } from "../pagination/index.js";
+import { Empty as aa } from "../empty/index.js";
+import re from "./table-col-group.vue.js";
+import na from "./table-thead.js";
+import ra from "./table-tbody.js";
+import U from "./table-tr.js";
+import oa from "./table-th.js";
+import oe from "./table-td.js";
+import ua from "./table-operation-th.js";
+import mt from "./table-operation-td.js";
+import ia from "../virtual-list-v2/virtual-list.vue.js";
+import ht from "../../_container/resize-observer.js";
+import { omit as sa } from "../../_utils/omit.js";
+import { useDrag as ca } from "./hooks/use-drag.js";
+import { useColumnResize as da } from "./hooks/use-column-resize.js";
+import { tableInjectionKey as fa } from "./context.js";
+import { useFilter as ma } from "./hooks/use-filter.js";
+import { useSorter as ha } from "./hooks/use-sorter.js";
+import { useSpan as vt } from "./hooks/use-span.js";
+import { useChildrenComponents as va } from "../../_hooks/use-children-components.js";
+import { Scrollbar as gt } from "../scrollbar-v2/index.js";
+import { useComponentRef as Ee } from "../../_hooks/use-component-ref.js";
+import { useSize as ga } from "../../_hooks/use-size.js";
+import { useLocale as ya } from "../../locale/index.js";
+import { useScrollbar as ba } from "../../_hooks/use-scrollbar.js";
+import { getValueByPath as Le, setValueByPath as yt } from "../../_utils/get-value-by-path.js";
+import { getClassNameMixin as pa } from "../../_utils/config.js";
+function xa(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Hl(t);
+}
+const bt = {
+  wrapper: !0,
+  cell: !1,
+  headerCell: !1,
+  bodyCell: !1
+}, un = /* @__PURE__ */ $l({
+  name: "Table",
+  props: {
+    /**
+     * @zh 表格的列描述信息
+     * @en Column info of the table
+     */
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 表格的数据
+     * @en Table data
+     */
+    data: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 是否显示边框
+     * @en Whether to show the border
+     */
+    bordered: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    /**
+     * @zh 是否显示选中效果
+     * @en Whether to show the hover effect
+     */
+    hoverable: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否开启斑马纹效果
+     * @en Whether to enable the stripe effect
+     */
+    stripe: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 表格的大小
+     * @en The size of the table
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'large'
+     */
+    size: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 表格的 table-layout 属性设置为 fixed，设置为 fixed 后，表格的宽度不会被内容撑开超出 100%。
+     * @en The table-layout property of the table is set to fixed. After it is set to fixed, the width of the table will not be stretched beyond 100% by the content.
+     */
+    tableLayoutFixed: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否为加载中状态
+     * @en Whether it is loading state
+     */
+    loading: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    /**
+     * @zh 表格的行选择器配置
+     * @en Table row selector configuration
+     */
+    rowSelection: {
+      type: Object
+    },
+    /**
+     * @zh 表格的展开行配置
+     * @en Expand row configuration of the table
+     */
+    expandable: {
+      type: Object
+    },
+    /**
+     * @zh 表格的滚动属性配置。`2.13.0` 版本增加字符型值的支持。`2.20.0` 版本增加 `minWidth`,`maxHeight` 的支持。
+     * @en Scrolling attribute configuration of the table. The `2.13.0` version adds support for character values. `2.20.0` version adds support for `minWidth`, `maxHeight`.
+     */
+    scroll: {
+      type: Object
+    },
+    /**
+     * @zh 分页的属性配置
+     * @en Pagination properties configuration
+     */
+    pagination: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    /**
+     * @zh 分页选择器的位置
+     * @en The position of the page selector
+     * @values 'tl','top',tr','bl','bottom','br'
+     */
+    pagePosition: {
+      type: String,
+      default: "br"
+    },
+    /**
+     * @zh 树形表格的缩进距离
+     * @en The indentation distance of the tree table
+     */
+    indentSize: {
+      type: Number,
+      default: 16
+    },
+    /**
+     * @zh 表格行 `key` 的取值字段
+     * @en Value field of table row `key`
+     */
+    rowKey: {
+      type: String,
+      default: "key"
+    },
+    /**
+     * @zh 是否显示表头
+     * @en Whether to show the header
+     */
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 传递虚拟列表属性，传入此参数以开启虚拟滚动 [VirtualListProps](#VirtualListProps)
+     * @en Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)
+     * @type VirtualListProps
+     */
+    virtualListProps: {
+      type: Object
+    },
+    /**
+     * @zh 单元格合并方法（索引从数据项开始计数）
+     * @en Cell merge method (The index starts counting from the data item)
+     * @version 2.10.0
+     */
+    spanMethod: {
+      type: Function
+    },
+    /**
+     * @zh 是否让合并方法的索引包含所有
+     * @en Whether to make the index of the span method contain all
+     * @version 2.18.0
+     */
+    spanAll: {
+      type: Boolean,
+      default: !1
+    },
+    components: {
+      type: Object
+    },
+    /**
+     * @zh 数据懒加载函数，传入时开启懒加载功能
+     * @en Data lazy loading function, open the lazy loading function when it is passed in
+     * @version 2.13.0
+     */
+    loadMore: {
+      type: Function
+    },
+    /**
+     * @zh 筛选图标是否左对齐
+     * @en Whether the filter icon is aligned to the left
+     * @version 2.13.0
+     */
+    filterIconAlignLeft: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否在子树为空时隐藏展开按钮
+     * @en Whether to hide expand button when subtree is empty
+     * @version 2.14.0
+     */
+    hideExpandButtonOnEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 表格行元素的类名。`2.34.0` 版本增加函数值支持
+     * @en The class name of the table row element. The `2.34.0` version adds support for function values.
+     * @version 2.16.0
+     */
+    rowClass: {
+      type: [String, Array, Object, Function]
+    },
+    /**
+     * @zh 表格拖拽排序的配置
+     * @en Table drag and drop sorting configuration
+     * @version 2.16.0
+     */
+    draggable: {
+      type: Object
+    },
+    /**
+     * @zh 是否允许调整列宽
+     * @en Whether to allow the column width to be adjusted
+     * @version 2.16.0
+     */
+    columnResizable: {
+      type: Boolean
+    },
+    /**
+     * @zh 显示表尾总结行
+     * @en Show footer summary row
+     * @version 2.21.0
+     */
+    summary: {
+      type: [Boolean, Function]
+    },
+    /**
+     * @zh 总结行的首列文字
+     * @en The first column of text in the summary line
+     * @version 2.21.0
+     */
+    summaryText: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @zh 总结行的单元格合并方法
+     * @en Cell Merge Method for Summarizing Rows
+     * @version 2.21.0
+     */
+    summarySpanMethod: {
+      type: Function
+    },
+    /**
+     * @zh 已选择的行（受控模式）优先于 `rowSelection`
+     * @en Selected row (controlled mode) takes precedence over `rowSelection`
+     * @version 2.25.0
+     */
+    selectedKeys: {
+      type: Array
+    },
+    /**
+     * @zh 默认已选择的行（非受控模式）优先于 `rowSelection`
+     * @en The selected row by default (uncontrolled mode) takes precedence over `rowSelection`
+     * @version 2.25.0
+     */
+    defaultSelectedKeys: {
+      type: Array
+    },
+    /**
+     * @zh 显示的展开行、子树（受控模式）优先于 `expandable`
+     * @en Displayed Expanded Row, Subtree (Controlled Mode) takes precedence over `expandable`
+     * @version 2.25.0
+     */
+    expandedKeys: {
+      type: Array
+    },
+    /**
+     * @zh 默认显示的展开行、子树（非受控模式）优先于 `expandable`
+     * @en Expand row, Subtree displayed by default (Uncontrolled mode) takes precedence over `expandable`
+     * @version 2.25.0
+     */
+    defaultExpandedKeys: {
+      type: Array
+    },
+    /**
+     * @zh 是否默认展开所有的行
+     * @en Whether to expand all rows by default
+     * @version 2.25.0
+     */
+    defaultExpandAllRows: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否开启表头吸顶
+     * @en Whether to open the sticky header
+     * @version 2.30.0
+     */
+    stickyHeader: {
+      type: [Boolean, Number],
+      default: !1
+    },
+    /**
+     * @zh 是否开启虚拟滚动条
+     * @en Whether to enable virtual scroll bar
+     * @version 2.38.0
+     */
+    scrollbar: {
+      type: [Object, Boolean],
+      default: !0
+    },
+    /**
+     * @zh 是否展示空子树
+     * @en Whether to display empty subtrees
+     * @version 2.51.0
+     */
+    showEmptyTree: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    "update:selectedKeys": (t) => !0,
+    "update:expandedKeys": (t) => !0,
+    /**
+     * @zh 点击展开行时触发
+     * @en Triggered when a row is clicked to expand
+     * @param {string | number} rowKey
+     * @param {TableData} record
+     */
+    expand: (t, d) => !0,
+    /**
+     * @zh 已展开的数据行发生改变时触发
+     * @en Triggered when the expanded data row changes
+     * @param {(string | number)[]} rowKeys
+     */
+    expandedChange: (t) => !0,
+    /**
+     * @zh 点击行选择器时触发
+     * @en Triggered when the row selector is clicked
+     * @param {string | number[]} rowKeys
+     * @param {string | number} rowKey
+     * @param {TableData} record
+     */
+    select: (t, d, s) => !0,
+    /**
+     * @zh 点击全选选择器时触发
+     * @en Triggered when the select all selector is clicked
+     * @param {boolean} checked
+     */
+    selectAll: (t) => !0,
+    /**
+     * @zh 已选择的数据行发生改变时触发
+     * @en Triggered when the selected data row changes
+     * @param {(string | number)[]} rowKeys
+     */
+    selectionChange: (t) => !0,
+    /**
+     * @zh 排序规则发生改变时触发
+     * @en Triggered when the collation changes
+     * @param {string} dataIndex
+     * @param {string} direction
+     */
+    sorterChange: (t, d) => !0,
+    /**
+     * @zh 过滤选项发生改变时触发
+     * @en Triggered when the filter options are changed
+     * @param {string} dataIndex
+     * @param {string[]} filteredValues
+     */
+    filterChange: (t, d) => !0,
+    /**
+     * @zh 表格分页发生改变时触发
+     * @en Triggered when the table pagination changes
+     * @param {number} page
+     */
+    pageChange: (t) => !0,
+    /**
+     * @zh 表格每页数据数量发生改变时触发
+     * @en Triggered when the number of data per page of the table changes
+     * @param {number} pageSize
+     */
+    pageSizeChange: (t) => !0,
+    /**
+     * @zh 表格数据发生变化时触发
+     * @en Triggered when table data changes
+     * @param {TableData[]} data
+     * @param {TableChangeExtra} extra
+     * @param {TableData[]} currentData
+     * @version 2.40.0 增加 currentData
+     */
+    change: (t, d, s) => !0,
+    /**
+     * @zh 单元格 hover 进入时触发
+     * @en Triggered when hovering into a cell
+     * @param {TableData} record
+     * @param {TableColumnData} column
+     * @param {Event} ev
+     */
+    cellMouseEnter: (t, d, s) => !0,
+    /**
+     * @zh 单元格 hover 退出时触发
+     * @en Triggered when hovering out of a cell
+     * @param {TableData} record
+     * @param {TableColumnData} column
+     * @param {Event} ev
+     */
+    cellMouseLeave: (t, d, s) => !0,
+    /**
+     * @zh 点击单元格时触发
+     * @en Triggered when a cell is clicked
+     * @param {TableData} record
+     * @param {TableColumnData} column
+     * @param {Event} ev
+     */
+    cellClick: (t, d, s) => !0,
+    /**
+     * @zh 点击行数据时触发
+     * @en Triggered when row data is clicked
+     * @param {TableData} record
+     * @param {Event} ev
+     */
+    rowClick: (t, d) => !0,
+    /**
+     * @zh 点击表头数据时触发
+     * @en Triggered when the header data is clicked
+     * @param {TableColumnData} column
+     * @param {Event} ev
+     */
+    headerClick: (t, d) => !0,
+    /**
+     * @zh 调整列宽时触发
+     * @en Triggered when column width is adjusted
+     * @param {string} dataIndex
+     * @param {number} width
+     * @version 2.28.0
+     */
+    columnResize: (t, d) => !0,
+    /**
+     * @zh 双击行数据时触发
+     * @en Triggered when row data is double clicked
+     * @param {TableData} record
+     * @param {Event} ev
+     */
+    rowDblclick: (t, d) => !0,
+    /**
+     * @zh 双击单元格时触发
+     * @en Triggered when a cell is double clicked
+     * @param {TableData} record
+     * @param {TableColumnData} column
+     * @param {Event} ev
+     */
+    cellDblclick: (t, d, s) => !0,
+    /**
+     * @zh 右击行数据时触发
+     * @en Triggered when row data is right clicked
+     * @param {TableData} record
+     * @param {Event} ev
+     */
+    rowContextmenu: (t, d) => !0,
+    /**
+     * @zh 右击单元格时触发
+     * @en Triggered when a cell is right clicked
+     * @param {TableData} record
+     * @param {TableColumnData} column
+     * @param {Event} ev
+     */
+    cellContextmenu: (t, d, s) => !0
+  },
+  /**
+   * @zh 表格列定义。启用时会屏蔽 columns 属性
+   * @en Table column definitions. When enabled, the columns attribute is masked
+   * @slot columns
+   */
+  /**
+   * @zh 展开行图标
+   * @en Expand row icon
+   * @slot expand-icon
+   * @binding {boolean} expanded
+   * @binding {TableData} record
+   */
+  /**
+   * @zh 展开行内容
+   * @en Expand row content
+   * @slot expand-row
+   * @binding {TableData} record
+   */
+  /**
+   * @zh 表格底部
+   * @en Table Footer
+   * @slot footer
+   */
+  /**
+   * @zh 拖拽锚点图标
+   * @en Drag handle icon
+   * @slot drag-handle-icon
+   * @version 2.16.0
+   */
+  /**
+   * @zh 自定义 tbody 元素
+   * @en Custom tbody element
+   * @slot tbody
+   * @version 2.16.0
+   */
+  /**
+   * @zh 自定义 tr 元素
+   * @en Custom tr element
+   * @slot tr
+   * @binding {TableData} record
+   * @binding {number} rowIndex
+   * @version 2.16.0
+   */
+  /**
+   * @zh 自定义 td 元素
+   * @en Custom td element
+   * @slot td
+   * @binding {TableColumnData} column
+   * @binding {TableData} record
+   * @binding {number} rowIndex
+   * @version 2.16.0
+   */
+  /**
+   * @zh 分页器左侧内容
+   * @en Content on the left side of the pagination
+   * @slot pagination-left
+   * @version 2.18.0
+   */
+  /**
+   * @zh 分页器右侧内容
+   * @en Content on the right side of the pagination
+   * @slot pagination-right
+   * @version 2.18.0
+   */
+  /**
+   * @zh 总结行
+   * @en Content on the right side of the pagination
+   * @slot summary-cell
+   * @binding {TableColumnData} column
+   * @binding {TableData} record
+   * @binding {number} rowIndex
+   * @version 2.23.0
+   */
+  /**
+   * @zh 空白展示
+   * @en Empty
+   * @slot empty
+   */
+  /**
+   * @zh 自定义 thead 元素
+   * @en Custom thead element
+   * @slot thead
+   * @version 2.26.0
+   */
+  /**
+   * @zh 自定义 th 元素
+   * @en Custom th element
+   * @slot th
+   * @binding {TableColumnData} column
+   * @version 2.26.0
+   */
+  setup(t, {
+    emit: d,
+    slots: s
+  }) {
+    const {
+      columns: pt,
+      rowKey: Ae,
+      rowSelection: ue,
+      expandable: xt,
+      loadMore: Ct,
+      filterIconAlignLeft: St,
+      selectedKeys: wt,
+      defaultSelectedKeys: kt,
+      expandedKeys: Rt,
+      defaultExpandedKeys: Et,
+      defaultExpandAllRows: Lt,
+      spanMethod: At,
+      draggable: Bt,
+      summarySpanMethod: Dt,
+      scrollbar: Y,
+      showEmptyTree: Pt
+    } = zl(t), i = pa("table"), {
+      t: Ft
+    } = ya(), A = h(() => Re(t.bordered) ? {
+      ...bt,
+      ...t.bordered
+    } : {
+      ...bt,
+      wrapper: t.bordered
+    }), {
+      children: Be,
+      components: Kt
+    } = va("TableColumn"), Tt = h(() => {
+      var e;
+      return ((e = ue.value) == null ? void 0 : e.checkStrictly) ?? !0;
+    }), {
+      displayScrollbar: q,
+      scrollbarProps: T
+    } = ba(Y), B = h(() => {
+      var a, n, r, o;
+      const e = !!((a = t.scroll) != null && a.x || (n = t.scroll) != null && n.minWidth), l = !!((r = t.scroll) != null && r.y || (o = t.scroll) != null && o.maxHeight);
+      return {
+        x: e,
+        y: l
+      };
+    }), ie = p(), $ = p({}), {
+      componentRef: $t,
+      elementRef: zt
+    } = Ee("containerRef"), {
+      componentRef: De,
+      elementRef: J
+    } = Ee("containerRef"), {
+      componentRef: Mt,
+      elementRef: Pe
+    } = Ee("containerRef"), Fe = h(() => z.value ? J.value : zt.value), z = h(() => B.value.y || t.stickyHeader || te.value || B.value.x && b.value.length === 0), se = we(/* @__PURE__ */ new Map()), ce = p();
+    ne([Kt, se], ([e, l]) => {
+      if (e.length > 0) {
+        const a = [];
+        e.forEach((n) => {
+          const r = l.get(n);
+          r && a.push(r);
+        }), ce.value = a;
+      } else
+        ce.value = void 0;
+    });
+    const de = /* @__PURE__ */ new Map(), v = p([]), fe = p([]), {
+      resizingColumn: Wt,
+      columnWidth: D,
+      handleThMouseDown: Ot
+    } = da($, d);
+    ne([pt, ce, D], ([e, l]) => {
+      const a = Gl(l ?? e ?? [], de, D);
+      v.value = a.dataColumns, fe.value = a.groupColumns;
+    }, {
+      immediate: !0,
+      deep: !0
+    });
+    const me = h(() => ["tl", "top", "tr"].includes(t.pagePosition)), M = p(!1), W = p(!1), he = p(!1);
+    Ml(() => {
+      var n, r, o;
+      let e = !1, l = !1, a = !1;
+      ((n = t.rowSelection) != null && n.fixed || (r = t.expandable) != null && r.fixed || (o = t.draggable) != null && o.fixed) && (e = !0);
+      for (const c of v.value)
+        c.fixed === "left" ? (e = !0, a = !0) : c.fixed === "right" && (l = !0);
+      e !== M.value && (M.value = e), l !== W.value && (W.value = l), a !== he.value && (he.value = a);
+    });
+    const jt = h(() => {
+      for (const e of v.value)
+        if (e.ellipsis)
+          return !0;
+      return !1;
+    }), O = (e) => {
+      const l = {
+        type: e,
+        page: _.value,
+        pageSize: F.value,
+        sorter: j.value,
+        filters: P.value,
+        dragTarget: e === "drag" ? I.data : void 0
+      };
+      d("change", He.value, l, R.value);
+    }, Ke = (e, l) => {
+      Ht.value = {
+        ...P.value,
+        [e]: l
+      }, ge(), d("filterChange", e, l), O("filter");
+    }, Te = (e, l) => {
+      Vt.value = l ? {
+        field: e,
+        direction: l
+      } : void 0, ge(), d("sorterChange", e, l), O("sorter");
+    }, {
+      _filters: Ht,
+      computedFilters: P,
+      resetFilters: It,
+      clearFilters: _t
+    } = ma({
+      columns: v,
+      onFilterChange: Ke
+    }), {
+      _sorter: Vt,
+      computedSorter: j,
+      resetSorters: Nt,
+      clearSorters: Gt
+    } = ha({
+      columns: v,
+      onSorterChange: Te
+    }), $e = /* @__PURE__ */ new Set(), Ut = h(() => {
+      const e = [];
+      $e.clear();
+      const l = (a) => {
+        if (_l(a) && a.length > 0)
+          for (const n of a)
+            e.push(n[Ae.value]), n.disabled && $e.add(n[Ae.value]), n.children && l(n.children);
+      };
+      return l(t.data), e;
+    }), Yt = h(() => {
+      const e = [], l = (a) => {
+        for (const n of a)
+          e.push(n.key), n.children && l(n.children);
+      };
+      return l(b.value), e;
+    }), ze = h(() => {
+      const e = [], l = (a) => {
+        for (const n of a)
+          n.disabled || e.push(n.key), n.children && l(n.children);
+      };
+      return l(b.value), e;
+    }), {
+      selectedRowKeys: qt,
+      currentSelectedRowKeys: Me,
+      handleSelect: Jt,
+      handleSelectAllLeafs: Qt,
+      handleSelectAll: Xt,
+      select: Zt,
+      selectAll: el,
+      clearSelected: tl
+    } = Jl({
+      selectedKeys: wt,
+      defaultSelectedKeys: kt,
+      rowSelection: ue,
+      currentAllRowKeys: Yt,
+      currentAllEnabledRowKeys: ze,
+      emit: d
+    }), {
+      expandedRowKeys: We,
+      handleExpand: ll,
+      expand: al,
+      expandAll: nl
+    } = Ql({
+      expandedKeys: Rt,
+      defaultExpandedKeys: Et,
+      defaultExpandAllRows: Lt,
+      expandable: xt,
+      allRowKeys: Ut,
+      emit: d
+    }), ve = we({}), rl = (e, l) => {
+      e && (ve[l.key] = e);
+    }, ol = (e) => {
+      var l, a;
+      for (const n of Object.keys(P.value)) {
+        const r = P.value[n], o = de.get(n);
+        if (o && ((l = o.filterable) != null && l.filter) && r.length > 0) {
+          const c = (a = o.filterable) == null ? void 0 : a.filter(r, e.raw);
+          if (!c)
+            return c;
+        }
+      }
+      return !0;
+    }, {
+      dragType: H,
+      dragState: I,
+      handleDragStart: ul,
+      handleDragEnter: il,
+      handleDragover: sl,
+      handleDragEnd: cl,
+      handleDrop: dl
+    } = ca(Bt), Oe = h(() => {
+      const e = (l) => {
+        const a = [];
+        for (const n of l) {
+          const r = {
+            raw: n,
+            key: n[t.rowKey],
+            disabled: n.disabled,
+            expand: n.expand,
+            isLeaf: n.isLeaf
+          };
+          n.children ? (r.isLeaf = !1, r.children = e(n.children)) : t.loadMore && !n.isLeaf ? (r.isLeaf = !1, ve[r.key] && (r.children = e(ve[r.key]))) : r.isLeaf = !0, r.hasSubtree = !!(r.children ? !t.hideExpandButtonOnEmpty || r.children.length > 0 : t.loadMore && !r.isLeaf), a.push(r);
+        }
+        return a;
+      };
+      return e(t.data ?? []);
+    }), je = h(() => {
+      const e = (l) => l.reduce((a, n) => (ol(n) && a.push({
+        ...n,
+        children: n.children ? e(n.children) : void 0
+      }), a), []);
+      return Object.keys(P.value).length > 0 ? e(Oe.value) : Oe.value;
+    }), R = h(() => {
+      var l, a;
+      const e = Ul(je.value);
+      if (e.length > 0) {
+        if ((l = j.value) != null && l.field) {
+          const o = de.get(j.value.field);
+          if (o && ((a = o.sortable) == null ? void 0 : a.sorter) !== !0) {
+            const {
+              field: c,
+              direction: m
+            } = j.value;
+            e.sort((g, w) => {
+              var f;
+              const x = Le(g.raw, c), ae = Le(w.raw, c);
+              if ((f = o.sortable) != null && f.sorter && K(o.sortable.sorter))
+                return o.sortable.sorter(g.raw, w.raw, {
+                  dataIndex: c,
+                  direction: m
+                });
+              const N = x === ae ? 0 : x > ae ? 1 : -1;
+              return m === "descend" ? -N : N;
+            });
+          }
+        }
+        const {
+          sourcePath: n,
+          targetPath: r
+        } = I;
+        if (I.dragging && r.length && r.toString() !== n.toString() && n.length === r.length && n.slice(0, -1).toString() === r.slice(0, -1).toString()) {
+          let o = e;
+          for (let c = 0; c < n.length; c++) {
+            const m = n[c];
+            if (c >= n.length - 1) {
+              const w = o[m], x = r[c];
+              x > m ? (o.splice(x + 1, 0, w), o.splice(m, 1)) : (o.splice(x, 0, w), o.splice(m + 1, 1));
+            } else
+              o = o[m].children ?? [];
+          }
+        }
+      }
+      return e;
+    }), {
+      page: _,
+      pageSize: F,
+      handlePageChange: fl,
+      handlePageSizeChange: ml,
+      resetPage: ge,
+      clampPage: hl
+    } = Xl(t, d);
+    ne(() => [R.value.length, F.value], ([e]) => hl(e), {
+      immediate: !0
+    });
+    const {
+      mergedSize: vl
+    } = ga(Wl(t, "size"), {
+      defaultValue: "large"
+    }), gl = h(() => {
+      var e;
+      return ((e = ue.value) == null ? void 0 : e.onlyCurrent) ?? !1;
+    });
+    ne(_, (e, l) => {
+      e !== l && gl.value && tl();
+    });
+    const b = h(() => t.pagination && R.value.length > F.value ? R.value.slice((_.value - 1) * F.value, _.value * F.value) : R.value), He = h(() => Yl(b.value)), yl = () => v.value.reduce((e, l, a) => {
+      if (l.dataIndex)
+        if (a === 0)
+          yt(e, l.dataIndex, t.summaryText ?? Ft("table.summaryText"), {
+            addPath: !0
+          });
+        else {
+          let n = 0, r = !1;
+          b.value.forEach((o) => {
+            if (l.dataIndex) {
+              const c = Le(o.raw, l.dataIndex);
+              L(c) ? n += c : !Vl(c) && !Nl(c) && (r = !0);
+            }
+          }), yt(e, l.dataIndex, r ? "" : n, {
+            addPath: !0
+          });
+        }
+      return e;
+    }, {}), Ie = (e) => e && e.length > 0 ? e.map((l) => ({
+      raw: l,
+      key: l[t.rowKey]
+    })) : [], S = h(() => t.summary ? K(t.summary) ? Ie(t.summary({
+      columns: v.value,
+      data: He.value
+    })) : Ie([yl()]) : []), Q = p(0), X = p(!0), Z = p(!0), ye = () => {
+      let e = !0, l = !0;
+      const a = Fe.value;
+      a && (e = Q.value === 0, l = Math.ceil(Q.value + a.offsetWidth) >= a.scrollWidth), e !== X.value && (X.value = e), l !== Z.value && (Z.value = l);
+    }, bl = () => X.value && Z.value ? i.modifier("scroll-position-both") : X.value ? i.modifier("scroll-position-left") : Z.value ? i.modifier("scroll-position-right") : i.modifier("scroll-position-middle"), pl = () => {
+      const e = [];
+      return M.value && e.push(i.modifier("has-fixed-col-left")), W.value && e.push(i.modifier("has-fixed-col-right")), e;
+    }, _e = (e) => {
+      e.target.scrollLeft !== Q.value && (Q.value = e.target.scrollLeft), ye();
+    }, Ve = (e) => {
+      _e(e);
+      const {
+        scrollLeft: l
+      } = e.target;
+      Pe.value && (Pe.value.scrollLeft = l), ie.value && (ie.value.scrollLeft = l);
+    }, Ne = (e, l) => {
+      d("rowClick", e.raw, l);
+    }, xl = (e, l) => {
+      d("rowDblclick", e.raw, l);
+    }, Cl = (e, l) => {
+      d("rowContextmenu", e.raw, l);
+    }, Ge = (e, l, a) => {
+      d("cellClick", e.raw, l, a);
+    }, Ue = ft((e, l, a) => {
+      d("cellMouseEnter", e.raw, l, a);
+    }, 30), Ye = ft((e, l, a) => {
+      d("cellMouseLeave", e.raw, l, a);
+    }, 30), qe = (e, l, a) => {
+      d("cellDblclick", e.raw, l, a);
+    }, Je = (e, l, a) => {
+      d("cellContextmenu", e.raw, l, a);
+    }, Sl = (e, l) => {
+      d("headerClick", e, l);
+    }, y = h(() => {
+      var c, m;
+      const e = [], l = M.value || W.value;
+      let a, n, r;
+      ((c = t.draggable) == null ? void 0 : c.type) === "handle" && (a = {
+        name: "drag-handle",
+        title: t.draggable.title,
+        width: t.draggable.width,
+        fixed: t.draggable.fixed || l
+      }, e.push(a)), t.expandable && (n = {
+        name: "expand",
+        title: t.expandable.title,
+        width: t.expandable.width,
+        fixed: t.expandable.fixed || l
+      }, e.push(n)), t.rowSelection && (r = {
+        name: t.rowSelection.type === "radio" ? "selection-radio" : "selection-checkbox",
+        title: t.rowSelection.title,
+        width: t.rowSelection.width,
+        fixed: t.rowSelection.fixed || l
+      }, e.push(r)), !he.value && e.length > 0 && e[e.length - 1].fixed && (e[e.length - 1].isLastLeftFixed = !0);
+      const o = (m = t.components) == null ? void 0 : m.operations;
+      return K(o) ? o({
+        dragHandle: a,
+        expand: n,
+        selection: r
+      }) : e;
+    }), wl = h(() => {
+      var e, l, a, n;
+      if (B.value.x) {
+        const r = {
+          width: L((e = t.scroll) == null ? void 0 : e.x) ? `${(l = t.scroll) == null ? void 0 : l.x}px` : (a = t.scroll) == null ? void 0 : a.x
+        };
+        return (n = t.scroll) != null && n.minWidth && (r.minWidth = L(t.scroll.minWidth) ? `${t.scroll.minWidth}px` : t.scroll.minWidth), r;
+      }
+    }), ee = h(() => {
+      var e, l, a, n;
+      if (B.value.x && b.value.length > 0) {
+        const r = {
+          width: L((e = t.scroll) == null ? void 0 : e.x) ? `${(l = t.scroll) == null ? void 0 : l.x}px` : (a = t.scroll) == null ? void 0 : a.x
+        };
+        return (n = t.scroll) != null && n.minWidth && (r.minWidth = L(t.scroll.minWidth) ? `${t.scroll.minWidth}px` : t.scroll.minWidth), r;
+      }
+    });
+    Ol(fa, we({
+      loadMore: Ct,
+      addLazyLoadData: rl,
+      slots: s,
+      sorter: j,
+      filters: P,
+      filterIconAlignLeft: St,
+      resizingColumn: Wt,
+      checkStrictly: Tt,
+      currentAllEnabledRowKeys: ze,
+      currentSelectedRowKeys: Me,
+      addColumn: (e, l) => {
+        se.set(e, l);
+      },
+      removeColumn: (e) => {
+        se.delete(e);
+      },
+      onSelectAll: Xt,
+      onSelect: Jt,
+      onSelectAllLeafs: Qt,
+      onSorterChange: Te,
+      onFilterChange: Ke,
+      onThMouseDown: Ot
+    }));
+    const Qe = h(() => [i.block, i.modifier(`size-${vl.value}`), {
+      [i.modifier("border")]: A.value.wrapper,
+      [i.modifier("border-cell")]: A.value.cell,
+      [i.modifier("border-header-cell")]: !A.value.cell && A.value.headerCell,
+      [i.modifier("border-body-cell")]: !A.value.cell && A.value.bodyCell,
+      [i.modifier("stripe")]: t.stripe,
+      [i.modifier("hover")]: t.hoverable,
+      [i.modifier("dragging")]: I.dragging,
+      [i.modifier("type-selection")]: !!t.rowSelection,
+      [i.modifier("empty")]: t.data && b.value.length === 0,
+      [i.modifier("layout-fixed")]: t.tableLayoutFixed || B.value.x || z.value || jt.value
+    }]), kl = h(() => [i.modifier("pagination"), {
+      [i.modifier("pagination-left")]: t.pagePosition === "tl" || t.pagePosition === "bl",
+      [i.modifier("pagination-center")]: t.pagePosition === "top" || t.pagePosition === "bottom",
+      [i.modifier("pagination-right")]: t.pagePosition === "tr" || t.pagePosition === "br",
+      [i.modifier("pagination-top")]: me.value
+    }]), Rl = h(() => {
+      const e = pl();
+      return B.value.x && e.push(bl()), z.value && e.push(i.modifier("scroll-y")), e;
+    }), te = h(() => !!t.virtualListProps), be = p({}), Xe = () => {
+      const e = {};
+      for (const l of Object.keys($.value))
+        e[l] = $.value[l].offsetWidth;
+      be.value = e;
+    }, V = p(!1), Ze = () => J.value ? J.value.offsetWidth > J.value.clientWidth : !1, El = () => {
+      const e = Ze();
+      V.value !== e && (V.value = e), ye(), Xe();
+    };
+    jl(() => {
+      V.value = Ze(), Xe();
+    });
+    const Ll = h(() => Re(t.loading) ? t.loading : {
+      loading: t.loading,
+      dot: "color"
+    }), et = () => u(U, {
+      empty: !0
+    }, {
+      default: () => [u(oe, {
+        colSpan: v.value.length + y.value.length
+      }, {
+        default: () => {
+          var e;
+          return [((e = s.empty) == null ? void 0 : e.call(s)) ?? u(aa, null, null)];
+        }
+      })]
+    }), Al = (e) => {
+      var l;
+      if (e.expand)
+        return K(e.expand) ? e.expand() : e.expand;
+      if (s["expand-row"])
+        return s["expand-row"]({
+          record: e.raw
+        });
+      if ((l = t.expandable) != null && l.expandedRowRender)
+        return t.expandable.expandedRowRender(e.raw);
+    }, tt = h(() => [].concat(y.value, v.value)), Bl = h(() => t.spanAll ? tt.value : v.value), {
+      tableSpan: lt,
+      removedCells: at
+    } = vt({
+      spanMethod: At,
+      data: b,
+      columns: Bl
+    }), {
+      tableSpan: nt,
+      removedCells: rt
+    } = vt({
+      spanMethod: Dt,
+      data: S,
+      columns: tt
+    }), le = (e) => {
+      if (!(!te.value || !e || !be.value[e]))
+        return {
+          width: `${be.value[e]}px`
+        };
+    }, Dl = (e, l) => u(U, {
+      key: `table-summary-${l}`,
+      class: [i.element("tr-summary"), K(t.rowClass) ? t.rowClass(e.raw, l) : t.rowClass],
+      onClick: (a) => Ne(e, a)
+    }, {
+      default: () => [y.value.map((a, n) => {
+        const r = `${l}-${n}-${e.key}`, [o, c] = nt.value[r] ?? [1, 1];
+        if (rt.value.includes(r))
+          return null;
+        const m = le(a.name);
+        return u(mt, {
+          style: m,
+          operationColumn: a,
+          operations: y.value,
+          record: e,
+          rowSpan: o,
+          colSpan: c,
+          summary: !0
+        }, null);
+      }), v.value.map((a, n) => {
+        const r = `${l}-${y.value.length + n}-${e.key}`, [o, c] = nt.value[r] ?? [1, 1];
+        if (rt.value.includes(r))
+          return null;
+        const m = le(a.dataIndex);
+        return u(oe, {
+          key: `td-${r}`,
+          style: m,
+          rowIndex: l,
+          record: e,
+          column: a,
+          operations: y.value,
+          dataColumns: v.value,
+          rowSpan: o,
+          colSpan: c,
+          summary: !0,
+          onClick: (g) => Ge(e, a, g),
+          onDblclick: (g) => qe(e, a, g),
+          onMouseenter: (g) => Ue(e, a, g),
+          onMouseleave: (g) => Ye(e, a, g),
+          onContextmenu: (g) => Je(e, a, g)
+        }, {
+          td: s.td,
+          cell: s["summary-cell"]
+        });
+      })],
+      tr: s.tr
+    }), ot = () => S.value && S.value.length > 0 ? u("tfoot", null, [S.value.map((e, l) => Dl(e, l))]) : null, ut = (e, l = !0) => {
+      var r, o, c;
+      const a = e.key, n = We.value.includes(a);
+      return u("button", {
+        type: "button",
+        class: i.element("expand-btn"),
+        onClick: (m) => {
+          ll(a, e.raw), l && m.stopPropagation();
+        }
+      }, [((r = s["expand-icon"]) == null ? void 0 : r.call(s, {
+        expanded: n,
+        record: e.raw
+      })) ?? ((c = (o = t.expandable) == null ? void 0 : o.icon) == null ? void 0 : c.call(o, n, e.raw)) ?? (n ? u(ea, null, null) : u(Zl, null, null))]);
+    }, Pl = (e, {
+      indentSize: l,
+      indexPath: a,
+      allowDrag: n,
+      expandContent: r
+    }) => {
+      var o, c;
+      if (e.hasSubtree)
+        return ((o = e.children) == null ? void 0 : o.length) === 0 && Pt.value ? et() : (c = e.children) == null ? void 0 : c.map((m, g) => pe(m, g, {
+          indentSize: l,
+          indexPath: a,
+          allowDrag: n
+        }));
+      if (r) {
+        const m = Fe.value;
+        return u(U, {
+          key: `${e.key}-expand`,
+          expand: !0
+        }, {
+          default: () => [u(oe, {
+            isFixedExpand: M.value || W.value,
+            containerWidth: m == null ? void 0 : m.clientWidth,
+            colSpan: v.value.length + y.value.length
+          }, xa(r) ? r : {
+            default: () => [r]
+          })]
+        });
+      }
+      return null;
+    }, pe = (e, l, {
+      indentSize: a = 0,
+      indexPath: n,
+      allowDrag: r = !0
+    } = {}) => {
+      var N;
+      const o = e.key, c = (n ?? []).concat(l), m = Al(e), g = We.value.includes(o), w = I.sourceKey === e.key, x = H.value ? {
+        draggable: r,
+        onDragstart: (f) => {
+          r && ul(f, e.key, c, e.raw);
+        },
+        onDragend: (f) => {
+          r && cl(f);
+        }
+      } : {}, ae = H.value ? {
+        onDragenter: (f) => {
+          r && il(f, c);
+        },
+        onDragover: (f) => {
+          r && sl(f);
+        },
+        onDrop: (f) => {
+          r && (O("drag"), dl(f));
+        }
+      } : {};
+      return u(ke, null, [u(U, k({
+        key: o,
+        class: [{
+          [i.element("tr-draggable")]: H.value === "row",
+          [i.element("tr-drag")]: w
+        }, K(t.rowClass) ? t.rowClass(e.raw, l) : t.rowClass],
+        rowIndex: l,
+        record: e,
+        checked: t.rowSelection && ((N = qt.value) == null ? void 0 : N.includes(o)),
+        onClick: (f) => Ne(e, f),
+        onDblclick: (f) => xl(e, f),
+        onContextmenu: (f) => Cl(e, f)
+      }, H.value === "row" ? x : {}, ae), {
+        default: () => [y.value.map((f, E) => {
+          const G = `${l}-${E}-${e.key}`, [xe, Ce] = t.spanAll ? lt.value[G] ?? [1, 1] : [1, 1];
+          if (t.spanAll && at.value.includes(G))
+            return null;
+          const Se = le(f.name);
+          return u(mt, k({
+            key: `operation-td-${E}`,
+            style: Se,
+            operationColumn: f,
+            operations: y.value,
+            record: e,
+            hasExpand: !!m,
+            selectedRowKeys: Me.value,
+            rowSpan: xe,
+            colSpan: Ce,
+            renderExpandBtn: ut
+          }, H.value === "handle" ? x : {}), {
+            "drag-handle-icon": s["drag-handle-icon"]
+          });
+        }), v.value.map((f, E) => {
+          const G = `${l}-${t.spanAll ? y.value.length + E : E}-${e.key}`, [xe, Ce] = lt.value[G] ?? [1, 1];
+          if (at.value.includes(G))
+            return null;
+          const Se = E === 0 ? {
+            showExpandBtn: e.hasSubtree,
+            indentSize: e.hasSubtree ? a - 20 : a
+          } : {}, Tl = le(f.dataIndex);
+          return u(oe, k({
+            key: `td-${E}`,
+            style: Tl,
+            rowIndex: l,
+            record: e,
+            column: f,
+            operations: y.value,
+            dataColumns: v.value,
+            rowSpan: xe,
+            renderExpandBtn: ut,
+            colSpan: Ce
+          }, Se, {
+            onClick: (C) => Ge(e, f, C),
+            onDblclick: (C) => qe(e, f, C),
+            onMouseenter: (C) => Ue(e, f, C),
+            onMouseleave: (C) => Ye(e, f, C),
+            onContextmenu: (C) => Je(e, f, C)
+          }), {
+            td: s.td
+          });
+        })],
+        tr: s.tr
+      }), g && Pl(e, {
+        indentSize: a + t.indentSize,
+        indexPath: c,
+        allowDrag: r && !w,
+        expandContent: m
+      })]);
+    }, it = () => {
+      const e = b.value.some((l) => !!l.hasSubtree);
+      return u(ra, null, {
+        default: () => [b.value.length > 0 ? b.value.map((l, a) => pe(l, a, {
+          indentSize: e ? 20 : 0
+        })) : et()],
+        tbody: s.tbody
+      });
+    }, st = () => u(na, null, {
+      default: () => [fe.value.map((e, l) => u(U, {
+        key: `header-row-${l}`
+      }, {
+        default: () => [l === 0 && y.value.map((a, n) => {
+          var r;
+          return u(ua, {
+            key: `operation-th-${n}`,
+            ref: (o) => {
+              o != null && o.$el && a.name && ($.value[a.name] = o.$el);
+            },
+            operationColumn: a,
+            operations: y.value,
+            selectAll: !!(a.name === "selection-checkbox" && ((r = t.rowSelection) != null && r.showCheckedAll)),
+            rowSpan: fe.value.length
+          }, null);
+        }), e.map((a, n) => {
+          const r = t.columnResizable && !!a.dataIndex && n < e.length - 1;
+          return u(oa, {
+            key: `th-${n}`,
+            ref: (o) => {
+              o != null && o.$el && a.dataIndex && ($.value[a.dataIndex] = o.$el);
+            },
+            column: a,
+            operations: y.value,
+            dataColumns: v.value,
+            resizable: r,
+            onClick: (o) => Sl(a, o)
+          }, {
+            th: s.th
+          });
+        })]
+      }))],
+      thead: s.thead
+    }), Fl = () => {
+      var e, l;
+      if (z.value) {
+        const a = L(t.stickyHeader) ? `${t.stickyHeader}px` : void 0, n = [(e = T.value) == null ? void 0 : e.outerClass];
+        t.stickyHeader && n.push(i.element("header-sticky"));
+        const r = {
+          top: a,
+          ...(l = T.value) == null ? void 0 : l.outerStyle
+        }, o = q.value ? gt : "div";
+        return u(ke, null, [t.showHeader && u(o, k({
+          ref: Mt,
+          class: [i.element("header"), {
+            [i.element("header-sticky")]: t.stickyHeader && !q.value
+          }],
+          style: {
+            overflowY: V.value ? "scroll" : void 0,
+            top: q.value ? void 0 : a
+          }
+        }, Y.value ? {
+          hide: b.value.length !== 0,
+          disableVertical: !0,
+          ...T.value,
+          outerClass: n,
+          outerStyle: r
+        } : void 0), {
+          default: () => [u("table", {
+            class: i.element("element"),
+            style: wl.value,
+            cellpadding: 0,
+            cellspacing: 0
+          }, [u(re, {
+            dataColumns: v.value,
+            operations: y.value,
+            columnWidth: D
+          }, null), st()])]
+        }), u(ht, {
+          onResize: El
+        }, {
+          default: () => {
+            var c;
+            return [te.value && b.value.length ? u(ia, k({
+              ref: De,
+              class: i.element("body"),
+              data: b.value,
+              itemKey: "key",
+              component: {
+                list: "table",
+                content: "tbody"
+              },
+              listAttrs: {
+                class: i.element("element"),
+                style: ee.value
+              },
+              paddingPosition: "list",
+              height: "auto"
+            }, t.virtualListProps, {
+              onScroll: Ve
+            }), {
+              item: ({
+                item: m,
+                index: g
+              }) => pe(m, g)
+            }) : u(o, k({
+              ref: De,
+              class: i.element("body"),
+              style: {
+                maxHeight: (c = t.scroll) != null && c.y ? L(t.scroll.y) ? `${t.scroll.y}px` : t.scroll.y : "100%"
+              }
+            }, Y.value ? {
+              outerStyle: {
+                display: "flex",
+                minHeight: "0"
+              },
+              ...T.value
+            } : void 0, {
+              onScroll: Ve
+            }), {
+              default: () => [u("table", {
+                class: i.element("element"),
+                style: ee.value,
+                cellpadding: 0,
+                cellspacing: 0
+              }, [b.value.length !== 0 && u(re, {
+                dataColumns: v.value,
+                operations: y.value,
+                columnWidth: D
+              }, null), it()])]
+            })];
+          }
+        }), S.value && S.value.length > 0 && u("div", {
+          ref: ie,
+          class: i.element("tfoot"),
+          style: {
+            overflowY: V.value ? "scroll" : "hidden"
+          }
+        }, [u("table", {
+          class: i.element("element"),
+          style: ee.value,
+          cellpadding: 0,
+          cellspacing: 0
+        }, [u(re, {
+          dataColumns: v.value,
+          operations: y.value,
+          columnWidth: D
+        }, null), ot()])])]);
+      }
+      return u(ht, {
+        onResize: () => ye()
+      }, {
+        default: () => [u("table", {
+          class: i.element("element"),
+          cellpadding: 0,
+          cellspacing: 0,
+          style: ee.value
+        }, [u(re, {
+          dataColumns: v.value,
+          operations: y.value,
+          columnWidth: D
+        }, null), t.showHeader && st(), it(), S.value && S.value.length > 0 && ot()])]
+      });
+    }, ct = (e) => {
+      var n;
+      const l = (n = t.scroll) != null && n.maxHeight ? {
+        maxHeight: t.scroll.maxHeight
+      } : void 0, a = q.value ? gt : "div";
+      return u(ke, null, [u("div", {
+        class: [i.element("container"), Rl.value]
+      }, [u(a, k({
+        ref: $t,
+        class: [i.element("content"), {
+          [i.element("content-scroll-x")]: !z.value
+        }],
+        style: l
+      }, Y.value ? {
+        outerStyle: {
+          height: "100%"
+        },
+        ...T.value
+      } : void 0, {
+        onScroll: _e
+      }), {
+        default: () => [e ? u("table", {
+          class: i.element("element"),
+          cellpadding: 0,
+          cellspacing: 0
+        }, [e()]) : Fl()]
+      })]), s.footer && u("div", {
+        class: i.element("footer")
+      }, [s.footer()])]);
+    }, dt = () => {
+      var l, a;
+      const e = Re(t.pagination) ? sa(t.pagination, ["current", "pageSize", "defaultCurrent", "defaultPageSize"]) : {};
+      return u("div", {
+        class: kl.value
+      }, [(l = s["pagination-left"]) == null ? void 0 : l.call(s), u(la, k({
+        total: je.value.length,
+        current: _.value,
+        pageSize: F.value,
+        onChange: (n) => {
+          fl(n), O("pagination");
+        },
+        onPageSizeChange: (n) => {
+          ml(n), ge(), O("pagination");
+        }
+      }, e), null), (a = s["pagination-right"]) == null ? void 0 : a.call(s)]);
+    }, Kl = h(() => {
+      var e, l;
+      if (Il((e = t.scroll) == null ? void 0 : e.y) && te.value)
+        return {
+          height: (l = t.scroll) == null ? void 0 : l.y
+        };
+    });
+    return {
+      render: () => {
+        var a, n;
+        const e = ((a = s.default) == null ? void 0 : a.call(s)) ?? [], l = e && ql(e).length > 0;
+        return s.default && !l ? u("div", {
+          class: Qe.value
+        }, [ct(() => e)]) : (Be.value = ((n = s.columns) == null ? void 0 : n.call(s)) ?? e, u("div", {
+          class: Qe.value,
+          style: Kl.value
+        }, [Be.value, u(ta, Ll.value, {
+          default: () => [t.pagination !== !1 && (b.value.length > 0 || R.value.length > 0) && me.value && dt(), ct(), t.pagination !== !1 && (b.value.length > 0 || R.value.length > 0) && !me.value && dt()]
+        })]));
+      },
+      selfExpand: al,
+      selfExpandAll: nl,
+      selfSelect: Zt,
+      selfSelectAll: el,
+      selfResetFilters: It,
+      selfClearFilters: _t,
+      selfResetSorters: Nt,
+      selfClearSorters: Gt
+    };
+  },
+  methods: {
+    /**
+     * @zh 设置全选状态
+     * @en Set select all state
+     * @param { boolean } checked
+     * @public
+     * @version 2.22.0
+     */
+    selectAll(t) {
+      return this.selfSelectAll(t);
+    },
+    /**
+     * @zh 设置行选择器状态
+     * @en Set row selector state
+     * @param { string | number | (string | number)[] } rowKey
+     * @param { boolean } checked
+     * @public
+     * @version 2.31.0
+     */
+    select(t, d) {
+      return this.selfSelect(t, d);
+    },
+    /**
+     * @zh 设置全部展开状态
+     * @en Set all expanded state
+     * @param { boolean } checked
+     * @public
+     * @version 2.31.0
+     */
+    expandAll(t) {
+      return this.selfExpandAll(t);
+    },
+    /**
+     * @zh 设置展开状态
+     * @en Set select all state
+     * @param { string | number | (string | number)[] } rowKey
+     * @param { boolean } checked
+     * @public
+     * @version 2.31.0
+     */
+    expand(t, d) {
+      return this.selfExpand(t, d);
+    },
+    /**
+     * @zh 重置列的筛选器
+     * @en Reset the filter for columns
+     * @param { string | string[] } dataIndex
+     * @public
+     * @version 2.31.0
+     */
+    resetFilters(t) {
+      return this.selfResetFilters(t);
+    },
+    /**
+     * @zh 清空列的筛选器
+     * @en Clear the filter for columns
+     * @param { string | string[] } dataIndex
+     * @public
+     * @version 2.31.0
+     */
+    clearFilters(t) {
+      return this.selfClearFilters(t);
+    },
+    /**
+     * @zh 重置列的排序
+     * @en Reset the order of columns
+     * @public
+     * @version 2.31.0
+     */
+    resetSorters() {
+      return this.selfResetSorters();
+    },
+    /**
+     * @zh 清空列的排序
+     * @en Clear the order of columns
+     * @public
+     * @version 2.31.0
+     */
+    clearSorters() {
+      return this.selfClearSorters();
+    }
+  },
+  render() {
+    return this.render();
+  }
+});
+export {
+  un as default
+};