fangguo-component 1.1.2 → 1.1.4

package/dist/VirtualTable-Cm_L7q9W.js

@@ -0,0 +1,703 @@
+import './VirtualTable.css';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, computed, watch, reactive, onMounted, nextTick, resolveDirective, withDirectives, openBlock, createBlock, unref, createVNode, createTextVNode } from "vue";
+import { ElEmpty, ElBacktop, ElCheckbox } from "element-plus";
+import { s as script$1, a as script } from "./vue-virtual-scroller.esm-ZgBoGAjX.js";
+import { debounce } from "lodash-es";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const border = "_border_1m9a1_15";
+const scroll = "_scroll_1m9a1_37";
+const active = "_active_1m9a1_114";
+const style = {
+  "dynamic-scroller-ref": "_dynamic-scroller-ref_1m9a1_1",
+  border,
+  "virtual-table-row-td": "_virtual-table-row-td_1m9a1_18",
+  scroll,
+  "virtual-table-header": "_virtual-table-header_1m9a1_37",
+  "virtual-table-row-th": "_virtual-table-row-th_1m9a1_40",
+  "virtual-table-row": "_virtual-table-row_1m9a1_18",
+  "virtual-table-row-tr": "_virtual-table-row-tr_1m9a1_43",
+  "shadow-right": "_shadow-right_1m9a1_72",
+  "shadow-left": "_shadow-left_1m9a1_85",
+  "sort-wrapper": "_sort-wrapper_1m9a1_99",
+  active,
+  "scroll-item-class": "_scroll-item-class_1m9a1_170"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VirtualTable",
+  props: {
+    items: {
+      default: () => []
+    },
+    width: {
+      default: "100%"
+    },
+    height: {
+      default: 600
+    },
+    rowKey: {
+      default: "id"
+    },
+    minItemSize: {
+      default: 20
+    },
+    border: {
+      type: Boolean,
+      default: true
+    },
+    pageNo: {
+      default: 1
+    },
+    pageSize: {},
+    noHeader: {
+      type: Boolean
+    },
+    headerSlotRender: {},
+    afterSlotRender: {},
+    emptySlotRender: {},
+    expandSlotRender: {},
+    defaultSort: {},
+    tableColumn: {
+      default: () => []
+    },
+    backTop: {
+      type: Boolean,
+      default: true
+    },
+    scroll: {
+      type: Boolean,
+      default: true
+    },
+    wrapClass: {
+      default: ""
+    },
+    itemClass: {
+      default: ""
+    },
+    cacheSelection: {
+      type: Boolean,
+      default: false
+    },
+    scrollHandle: {
+      default: null
+    },
+    scrolldelay: {
+      default: 10
+    },
+    itemHandle: {
+      type: Function,
+      default: () => ({})
+    },
+    rowClassName: {
+      type: [Function, String],
+      default: () => ""
+    },
+    rowStyle: {
+      type: Function,
+      default: () => ({})
+    },
+    spanMethod: {},
+    childrenRender: {},
+    selectable: {
+      type: Function,
+      default: () => false
+    }
+  },
+  emits: ["sort-change", "select", "select-all", "selection-change", "row-click"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    function isIgnoredVirtualTableRowClick(e) {
+      const t = e.target;
+      return t instanceof Element && !!t.closest("[data-virtual-table-ignore-row-select]");
+    }
+    const emit = __emit;
+    const prop = __props;
+    const isScrollRight = ref(false);
+    const isScrollLeft = ref(true);
+    const DynamicScrollerRef = ref();
+    const tabStyle = computed(() => {
+      const {
+        width,
+        height
+      } = prop;
+      return {
+        with: typeof width === "string" ? width : `${width}px`,
+        height: typeof height === "string" ? height : `${height}px`
+      };
+    });
+    const tableWidth = ref();
+    function calculateWidth(width, minwidth = 0) {
+      if (!width) {
+        return 0;
+      }
+      if (typeof width === "number") {
+        return Math.max(minwidth, width);
+      }
+      let _width = 0;
+      if (width.endsWith("px")) {
+        _width = parseFloat(width.replace("px", ""));
+      }
+      if (width.endsWith("%")) {
+        const percentage = parseFloat(width.replace("%", "")) / 100;
+        _width = percentage * tableWidth.value;
+      }
+      return Math.max(minwidth, _width);
+    }
+    const getRowWidth = () => {
+      return prop.tableColumn.reduce((res, item) => {
+        const width = item.type === "select" ? calculateWidth(item.width || 30, item.minWidth) : item.type === "number" ? calculateWidth(item.width || 50, item.minWidth) : item.width === void 0 ? 0 : calculateWidth(item.width, item.minWidth);
+        return res + width;
+      }, 0);
+    };
+    const getCellStyle = (item, index2, rowSpan = 1, colSpan = 1, rowWidth, colHeight) => {
+      let cellWidth = rowWidth || (item.type === "select" ? calculateWidth(item.width || 30, item.minWidth) : item.type === "number" ? calculateWidth(item.width || 50, item.minWidth) : item.width === void 0 ? "unset" : calculateWidth(item.width, item.minWidth));
+      if (colSpan !== 1) {
+        if (colSpan === 0) {
+          cellWidth += "0px!important";
+        } else {
+          for (let i = index2 + 1; i < index2 + colSpan; i++) {
+            cellWidth += prop.tableColumn[i].type === "select" ? calculateWidth(prop.tableColumn[i].width || 30, prop.tableColumn[i].minWidth) : prop.tableColumn[i].type === "number" ? calculateWidth(prop.tableColumn[i].width || 50, prop.tableColumn[i].minWidth) : prop.tableColumn[i].width === void 0 ? 0 : calculateWidth(prop.tableColumn[i].width, prop.tableColumn[i].minWidth);
+          }
+          cellWidth += "px!important";
+        }
+      }
+      let left = 0;
+      let right = 0;
+      if (item.fixed === "left" && index2 !== 0) {
+        left = prop.tableColumn.slice(0, index2).reduce((res, item2) => {
+          return res + (item2.fixed === "left" ? item2.type === "select" ? calculateWidth(item2.width || 30, item2.minWidth) : item2.type === "number" ? calculateWidth(item2.width || 50, item2.minWidth) : calculateWidth(item2.width, item2.minWidth) : 0);
+        }, 0);
+      }
+      if (item.fixed === "right" && index2 !== prop.tableColumn.length - 1) {
+        right = prop.tableColumn.slice(index2 + 1, prop.tableColumn.length).reduce((res, item2) => {
+          return res + (item2.fixed === "right" ? item2.type === "select" ? calculateWidth(item2.width || 30, item2.minWidth) : item2.type === "number" ? calculateWidth(item2.width || 50, item2.minWidth) : calculateWidth(item2.width, item2.minWidth) : 0);
+        }, 0);
+      }
+      return __spreadValues({
+        flex: cellWidth === "unset" ? 1 : "unset",
+        minWidth: !item.minWidth ? "unset" : `${item.minWidth}px`,
+        width: typeof cellWidth === "string" ? cellWidth : `${cellWidth}px`,
+        height: colHeight || (rowSpan === 1 ? "unset" : `${rowSpan * prop.minItemSize}px`),
+        position: item.fixed ? "sticky" : "releative",
+        left: item.fixed === "left" ? left + "px" : "unset",
+        right: item.fixed === "right" ? right + "px" : "unset",
+        justifyContent: item.align === "left" ? "flex-start" : item.align === "right" ? "flex-end" : "center",
+        zIndex: item.fixed === "left" ? 3 : item.fixed === "right" ? prop.tableColumn.length - index2 + 1 : 1
+      }, item.customStyle);
+    };
+    const getCellClass = (item) => {
+      return item.fixed === "right" && !isScrollRight.value ? style["shadow-right"] : item.fixed === "left" && !isScrollLeft.value ? style["shadow-left"] : "";
+    };
+    const handleScroll = debounce((e) => {
+      isScrollRight.value = e.target.clientWidth + e.target.scrollLeft + 5 >= e.target.scrollWidth;
+      isScrollLeft.value = e.target.scrollLeft === 0;
+      prop.scrollHandle && prop.scrollHandle(e);
+    }, prop.scrolldelay);
+    const hadCheckAll = ref(false);
+    const selectData = ref([]);
+    const disabledData = ref([]);
+    const updataSelectData = (type, row) => {
+      {
+        emit("select-all", getSelection());
+      }
+      emit("selection-change", getSelection());
+    };
+    const getListLength = computed(() => {
+      const mainRow = tableData.value.filter((i) => !i.__ischildren);
+      return {
+        length: tableData.value.length,
+        ml: mainRow.length,
+        cl: tableData.value.length - mainRow.length
+      };
+    });
+    const clearSelection = () => {
+      hadCheckAll.value = false;
+      selectData.value = [];
+      tableData.value.forEach((item) => {
+        item.rowcheck = false;
+      });
+    };
+    const getSelection = () => {
+      return selectData.value;
+    };
+    const setSelection = (key, val) => {
+      const data = tableData.value.find((item) => item[prop.rowKey] === key);
+      if (!data) {
+        console.log("当前无该条数据");
+        return;
+      }
+      data.rowcheck = val;
+      const _selectData = [];
+      const _noDisabledData = [];
+      tableData.value.forEach((row) => {
+        if (row.disabled) {
+          _noDisabledData.push(row);
+        }
+        if (row.rowcheck && !(row == null ? void 0 : row.disabled)) {
+          _selectData.push(row);
+        }
+      });
+      selectData.value = _selectData;
+      disabledData.value = _noDisabledData;
+      hadCheckAll.value = selectData.value.length + disabledData.value.length === getListLength.value.ml && !!selectData.value.length;
+    };
+    const tableData = ref([]);
+    watch(() => prop.items, () => {
+      index = 0;
+      if (prop.cacheSelection) {
+        const _selectData = [];
+        const _noDisabledData = [];
+        tableData.value = prop.items.map((item) => {
+          if (item.disabled) {
+            _noDisabledData.push(item);
+          }
+          const select = selectData.value.find((selection) => selection[prop.rowKey] === item[prop.rowKey]);
+          const column = prop.tableColumn.find((col) => col.type === "select");
+          const isSelectable = column && column.selectable && typeof column.selectable === "function" ? column.selectable(item) : true;
+          if (select) {
+            _selectData.push(__spreadProps(__spreadValues({}, item), {
+              rowcheck: !!select,
+              disabled: !isSelectable
+            }));
+          }
+          if (item.__ischildren) {
+            return __spreadProps(__spreadValues({}, item), {
+              __index: index,
+              rowcheck: !!select,
+              disabled: !isSelectable
+            });
+          }
+          return __spreadProps(__spreadValues({}, item), {
+            __index: index++,
+            rowcheck: !!select,
+            disabled: !isSelectable
+          });
+        });
+        selectData.value = _selectData;
+        disabledData.value = _noDisabledData;
+        hadCheckAll.value = selectData.value.length + disabledData.value.length === getListLength.value.ml && !!selectData.value.length;
+        emit("selection-change", getSelection());
+        return;
+      }
+      hadCheckAll.value = false;
+      selectData.value = [];
+      tableData.value = prop.items.map((item) => {
+        const column = prop.tableColumn.find((col) => col.type === "select");
+        const isSelectable = column && column.selectable && typeof column.selectable === "function" ? column.selectable(item) : true;
+        if (item.__ischildren) {
+          return __spreadProps(__spreadValues({}, item), {
+            __index: index,
+            rowcheck: false,
+            disabled: !isSelectable
+          });
+        }
+        return __spreadProps(__spreadValues({}, item), {
+          __index: index++,
+          rowcheck: false,
+          disabled: !isSelectable
+        });
+      });
+    });
+    let pageChange = false;
+    watch(() => prop.pageNo, () => {
+      pageChange = true;
+    });
+    watch(() => tableData.value, () => {
+      if (pageChange) DynamicScrollerRef.value && DynamicScrollerRef.value.scrollToItem(0);
+      pageChange = false;
+    });
+    const sort = ref({
+      prop: null,
+      order: null
+    });
+    const sortChangeHandle = (prop2, order) => {
+      sort.value = sort.value.prop === prop2 && sort.value.order === order ? {
+        prop: null,
+        order: null
+      } : {
+        prop: prop2,
+        order
+      };
+      emit("sort-change", sort.value);
+    };
+    const HeaderRender = () => {
+      const headerColumnRender = (item, index2) => {
+        const columnStyle = getCellStyle(item, index2);
+        if (item.cellHeaderRender) {
+          return createVNode("div", {
+            "class": [style["virtual-table-row-td"], getCellClass(item), "virtual-table-row-td custom", item.customClass],
+            "style": columnStyle
+          }, [typeof item.cellHeaderRender === "function" ? item.cellHeaderRender({
+            column: item,
+            columns: prop.tableColumn,
+            columnIndex: index2
+          }) : item.cellHeaderRender]);
+        }
+        if (item.type === "number") {
+          return createVNode("div", {
+            "class": [style["virtual-table-row-td"], getCellClass(item), "virtual-table-row-td", item.customClass],
+            "style": columnStyle
+          }, [createTextVNode("序号")]);
+        }
+        if (item.type === "select") {
+          return createVNode("div", {
+            "class": [style["virtual-table-row-td"], getCellClass(item), "virtual-table-row-td", item.customClass],
+            "style": columnStyle
+          }, [createVNode(ElCheckbox, {
+            "indeterminate": selectData.value.length > 0 && selectData.value.length + disabledData.value.length !== getListLength.value.ml,
+            "modelValue": hadCheckAll.value,
+            "onChange": (val) => {
+              if (val) {
+                selectData.value = tableData.value.filter((item2) => !item2.__ischildren).filter((item2) => !(item2 == null ? void 0 : item2.disabled)).map((item2) => {
+                  item2.rowcheck = true;
+                  return item2;
+                });
+              } else {
+                selectData.value = [];
+                tableData.value.forEach((item2) => {
+                  item2.rowcheck = false;
+                });
+              }
+              hadCheckAll.value = val;
+              updataSelectData();
+            }
+          }, null)]);
+        }
+        return createVNode("div", {
+          "class": [style["virtual-table-row-td"], getCellClass(item), "virtual-table-row-td", item.customClass],
+          "style": columnStyle
+        }, [item.title, item.sortable && createVNode("div", {
+          "class": [style["sort-wrapper"]]
+        }, [createVNode("i", {
+          "class": {
+            [style.active]: sort.value.prop === item.prop && sort.value.order === "ascending"
+          },
+          "onClickCapture": () => sortChangeHandle(item.prop, "ascending")
+        }, null), createVNode("i", {
+          "class": {
+            [style.active]: sort.value.prop === item.prop && sort.value.order === "descending"
+          },
+          "onClickCapture": () => sortChangeHandle(item.prop, "descending")
+        }, null)])]);
+      };
+      const headerColumn = prop.tableColumn.map((item, index2) => {
+        return headerColumnRender(item, index2);
+      });
+      return createVNode("div", {
+        "class": [style["virtual-table-header"], "virtual-table-header"]
+      }, [createVNode("div", {
+        "class": [style["virtual-table-row-th"], "virtual-table-row-th"]
+      }, [headerColumn]), prop.headerSlotRender && prop.headerSlotRender()]);
+    };
+    const MainRender = ({
+      item: data,
+      index: index2,
+      active: active2
+    }) => {
+      if (data.__ischildren === true) {
+        return createVNode(script, {
+          "item": data,
+          "index": index2,
+          "active": active2,
+          "onClickCapture": (e) => {
+            if (isIgnoredVirtualTableRowClick(e)) {
+              return;
+            }
+            prop.itemHandle(data, index2);
+          }
+        }, {
+          default: () => [prop.childrenRender && prop.childrenRender(data)]
+        });
+      }
+      const columnRender = (item, index3, columnIndex) => {
+        let rowSpan = 1;
+        let colSpan = 1;
+        let rowWidth = null;
+        let colHeight = null;
+        if (prop.spanMethod) {
+          const {
+            rowspan = 1,
+            colspan = 1,
+            rowwidth,
+            colheight,
+            _rowspan
+          } = prop.spanMethod({
+            row: data,
+            column: item,
+            rowIndex: index3,
+            columnIndex
+          });
+          rowSpan = rowspan;
+          colSpan = colspan;
+          rowWidth = rowwidth || null;
+          colHeight = colheight || null;
+          if (curScrollIndex.visibleStartIndex === index3 && _rowspan && _rowspan > 1) {
+            rowSpan = _rowspan;
+          }
+        }
+        const columnStyle = getCellStyle(item, columnIndex, rowSpan, colSpan, rowWidth, colHeight);
+        if (!colSpan) {
+          return null;
+        }
+        if (!rowSpan) {
+          return createVNode("div", {
+            "class": [style["virtual-table-row-td"], getCellClass(item), "virtual-table-row-td", item.customClass],
+            "style": __spreadProps(__spreadValues({}, columnStyle), {
+              borderBottom: "none"
+            })
+          }, null);
+        }
+        const isPriorityRow = rowSpan > 1 ? "virtual-table-priority-row-td" : "";
+        if (item.type === "number") {
+          const No = prop.pageNo && prop.pageSize ? (prop.pageNo - 1) * prop.pageSize + index3 + 1 : index3 + 1;
+          return createVNode("div", {
+            "class": [style["virtual-table-row-td"], getCellClass(item), "virtual-table-row-td", isPriorityRow, item.customClass],
+            "style": columnStyle
+          }, [No]);
+        }
+        if (item.type === "select") {
+          return createVNode("div", {
+            "class": [style["virtual-table-row-td"], getCellClass(item), "virtual-table-row-td", isPriorityRow, item.customClass],
+            "style": columnStyle
+          }, [createVNode("div", {
+            "class": "relative cursor-pointer"
+          }, [createVNode(ElCheckbox, {
+            "modelValue": data.rowcheck,
+            "disabled": data.disabled
+          }, null), createVNode("span", {
+            "class": "absolute left-0 right-0 top-0 bottom-0 z-[2]"
+          }, null)])]);
+        }
+        const _cell = () => {
+          if (item.cellRender) {
+            try {
+              return item.cellRender(data, index3, tableData.value);
+            } catch (e) {
+              return "";
+            }
+          }
+          return item.prop ? createVNode("span", {
+            "class": "px-[10px] py-[5px]",
+            "data-column-index": columnIndex,
+            "data-row-index": index3
+          }, [data[item.prop]]) : "";
+        };
+        return createVNode("div", {
+          "data-column-index": columnIndex,
+          "data-row-index": index3,
+          "class": [style["virtual-table-row-td"], getCellClass(item), isPriorityRow, "virtual-table-row-td", item.customClass],
+          "style": columnStyle
+        }, [_cell()]);
+      };
+      const column = prop.tableColumn.map((item, i) => {
+        return columnRender(item, index2, i);
+      });
+      return createVNode(script, {
+        "item": data,
+        "index": index2,
+        "active": active2,
+        "onClickCapture": (e) => {
+          if (isIgnoredVirtualTableRowClick(e)) {
+            return;
+          }
+          prop.itemHandle(data, index2);
+          if (!(data == null ? void 0 : data.disabled)) {
+            setSelection(data[prop.rowKey], !data.rowcheck);
+            emit("selection-change", getSelection());
+          }
+        }
+      }, {
+        default: () => [createVNode("div", {
+          "class": [style["virtual-table-row"], "virtual-table-row", "relative", typeof prop.rowClassName === "string" ? prop.rowClassName : prop.rowClassName({
+            row: data,
+            rowIndex: index2
+          })],
+          "style": prop.rowStyle({
+            row: data,
+            rowIndex: index2
+          })
+        }, [createVNode("div", {
+          "class": [style["virtual-table-row-tr"], "virtual-table-row-tr"]
+        }, [column]), prop.expandSlotRender && createVNode("div", {
+          "style": {
+            width: prop.scroll ? getRowWidth() + "px" : "unset"
+          },
+          "class": [style["virtual-table-row-expand"], "virtual-table-row-expand"]
+        }, [prop.expandSlotRender(data, index2)])])]
+      });
+    };
+    const curScrollIndex = reactive({
+      startIndex: null,
+      endIndex: null,
+      visibleStartIndex: null,
+      visibleEndIndex: null
+    });
+    const CompRender = /* @__PURE__ */ defineComponent(() => {
+      return () => createVNode("div", {
+        "style": {
+          position: "relative",
+          background: "#fff"
+        }
+      }, [createVNode(script$1, {
+        "ref": DynamicScrollerRef,
+        "listClass": prop.wrapClass,
+        "keyField": prop.rowKey,
+        "itemClass": `${prop.scroll ? style["scroll-item-class"] : ""} ${prop.itemClass}`,
+        "class": ["dynamic-scroller-ref", style["dynamic-scroller-ref"], prop.border ? style.border : "", prop.scroll ? style.scroll : ""],
+        "items": tableData.value,
+        "style": tabStyle.value,
+        "minItemSize": prop.minItemSize,
+        "onScrollCapture": (e) => handleScroll(e),
+        "emitUpdate": !!prop.spanMethod,
+        "onUpdate": (startIndex, endIndex, visibleStartIndex, visibleEndIndex) => {
+          curScrollIndex.startIndex = startIndex;
+          curScrollIndex.endIndex = endIndex;
+          curScrollIndex.visibleStartIndex = visibleStartIndex;
+          curScrollIndex.visibleEndIndex = visibleEndIndex;
+        }
+      }, {
+        before: () => prop.noHeader ? null : HeaderRender(),
+        default: ({
+          item,
+          active: active2
+        }) => MainRender({
+          item,
+          index: item.__index,
+          active: active2
+        }),
+        empty: () => {
+          if (tableData.value.length) {
+            return createVNode("div", null, null);
+          }
+          if (!prop.emptySlotRender) {
+            return createVNode(ElEmpty, {
+              "description": "数据为空"
+            }, null);
+          }
+          return prop.emptySlotRender();
+        },
+        after: () => {
+          if (!prop.afterSlotRender) {
+            return null;
+          }
+          return prop.afterSlotRender();
+        }
+      }), prop.backTop && createVNode(ElBacktop, {
+        "target": ".dynamic-scroller-ref",
+        "right": 48,
+        "bottom": 112,
+        "onClickCapture": () => scrollTopHandler()
+      }, null)]);
+    });
+    const scrollTopHandler = () => {
+      var _a;
+      DynamicScrollerRef.value && DynamicScrollerRef.value.scrollToItem(0);
+      try {
+        const dom = document.querySelector(".business-scroll>.el-scrollbar__wrap");
+        const dom2 = document.querySelector(".factory-scroll>.el-scrollbar__wrap");
+        (_a = dom || dom2) == null ? void 0 : _a.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      } catch (e) {
+      }
+    };
+    watch(() => prop.defaultSort, () => {
+      if (prop.defaultSort) {
+        sort.value = prop.defaultSort;
+      }
+    });
+    let index = 0;
+    onMounted(() => __async(null, null, function* () {
+      if (prop.defaultSort) {
+        sort.value = prop.defaultSort;
+      }
+      tableData.value = prop.items.map((item) => {
+        const column = prop.tableColumn.find((col) => col.type === "select");
+        const isSelectable = column && column.selectable && typeof column.selectable === "function" ? column.selectable(item) : true;
+        if (item.__ischildren) {
+          return __spreadProps(__spreadValues({}, item), {
+            __index: index,
+            rowcheck: false,
+            disabled: !isSelectable
+          });
+        }
+        return __spreadProps(__spreadValues({}, item), {
+          __index: index++,
+          rowcheck: false,
+          disabled: !isSelectable
+        });
+      });
+      tableWidth.value = getScrollEl().offsetWidth;
+      const resizeObserver = new ResizeObserver(() => __async(null, null, function* () {
+        yield nextTick();
+        tableWidth.value = getScrollEl().offsetWidth;
+      }));
+      resizeObserver.observe(getScrollEl());
+    }));
+    const getScrollEl = () => {
+      if (!DynamicScrollerRef.value) {
+        return {};
+      }
+      return DynamicScrollerRef.value.$el;
+    };
+    const scrollToItem = (index2) => {
+      if (index2 < 0 || index2 > tableData.value.length - 1) return;
+      DynamicScrollerRef.value.scrollToItem(index2);
+    };
+    __expose({
+      clearSelection,
+      getSelection,
+      setSelection,
+      getScrollEl,
+      scrollToItem
+    });
+    return (_ctx, _cache) => {
+      const _directive_horizontal_scroll = resolveDirective("horizontal-scroll");
+      return withDirectives((openBlock(), createBlock(unref(CompRender), null, null, 512)), [[_directive_horizontal_scroll, "VTable"]]);
+    };
+  }
+});
+const VirtualTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aaaf77e7"]]);
+export {
+  VirtualTable as V
+};