@done-coding/admin-core 0.17.1-alpha.0 → 0.18.1-alpha.0

package/es/components/table/TableMain.vue2.mjs

@@ -1,24 +1,25 @@
-import { defineComponent as Ce, useCssVars as xe, unref as l, useModel as V, useAttrs as He, ref as g, computed as f, markRaw as D, shallowRef as ke, onMounted as Ie, onActivated as Re, watch as p, openBlock as n, createElementBlock as S, normalizeClass as Pe, createBlock as c, withCtx as h, createVNode as G, mergeProps as d, createCommentVNode as Ve, resolveDynamicComponent as T, Fragment as H, renderList as Te, createSlots as ze, renderSlot as z, createTextVNode as E, toDisplayString as Y, normalizeProps as Ee, guardReactiveProps as Ae, withDirectives as Me, createElementVNode as Le, vShow as Ne, mergeModels as Z } from "vue";
-import Q from "lodash/cloneDeep";
-import W from "lodash/omit";
-import X from "lodash/set";
-import ee from "lodash/get";
-import Oe from "./TableToolbar.vue.mjs";
-import Be from "./TableSkeleton.vue.mjs";
-import { useTableSkeleton as Ke } from "./use-table-skeleton.mjs";
-import { useFillHeight as je } from "./use-fill-height.mjs";
-import $e from "../display/WatchSize.vue.mjs";
-import Je from "../data-view/DataListView.vue.mjs";
-import { ElTable as Fe, ElTableColumn as _e, ElEmpty as Ue, ElPagination as qe } from "element-plus";
-import { pickExportColumns as De } from "../../utils/export.mjs";
-import { useChannelViewportHeight as Ge } from "../../hooks/use-channel-viewport-height.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as k } from "../../config/list-model.mjs";
-const Ye = { class: "dc-table-main__pagination table-main-pagination" }, gt = /* @__PURE__ */ Ce({
+import { defineComponent, useCssVars, unref, useModel, useAttrs, ref, computed, markRaw, shallowRef, onMounted, onActivated, watch, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, mergeProps, createCommentVNode, resolveDynamicComponent, Fragment, renderList, createSlots, renderSlot, createTextVNode, toDisplayString, normalizeProps, guardReactiveProps, withDirectives, createElementVNode, vShow, mergeModels } from "vue";
+import _cloneDeep from "lodash/cloneDeep";
+import _omit from "lodash/omit";
+import _set from "lodash/set";
+import _get from "lodash/get";
+import TableToolbar from "./TableToolbar.vue.mjs";
+import TableSkeleton from "./TableSkeleton.vue.mjs";
+import { useTableSkeleton } from "./use-table-skeleton.mjs";
+import { useFillHeight } from "./use-fill-height.mjs";
+import _sfc_main$1 from "../display/WatchSize.vue.mjs";
+import DataListView from "../data-view/DataListView.vue.mjs";
+import { ElTable, ElTableColumn, ElEmpty, ElPagination } from "element-plus";
+import { pickExportColumns } from "../../utils/export.mjs";
+import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG } from "../../config/list-model.mjs";
+const _hoisted_1 = { class: "dc-table-main__pagination table-main-pagination" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TableMain",
-  props: /* @__PURE__ */ Z({
-    showPager: { type: Boolean, default: !0 },
+  props: /* @__PURE__ */ mergeModels({
+    showPager: { type: Boolean, default: true },
     showSwitchView: { type: Boolean },
-    showToolbar: { type: Boolean, default: !0 },
+    showToolbar: { type: Boolean, default: true },
     toolbar: {},
     query: {},
     pageSizeInit: { default: 20 },
@@ -30,284 +31,386 @@ const Ye = { class: "dc-table-main__pagination table-main-pagination" }, gt = /*
     columns: {},
     maxHeight: {},
     headerColor: { default: "rgb(240, 240, 240)" },
-    refine: { type: Boolean, default: !0 },
+    refine: { type: Boolean, default: true },
     refineReduceHeight: { default: 0 },
     injectInfo: {},
     dataViewMaxHeightMinValue: { default: 500 },
-    skeleton: { type: Boolean, default: !0 },
+    skeleton: { type: Boolean, default: true },
     skeletonRows: {},
-    fillHeight: { type: Boolean, default: !1 },
+    fillHeight: { type: Boolean, default: false },
     viewportHeight: {},
     parentChannel: {}
   }, {
-    isAutoRefresh: { type: Boolean },
-    isAutoRefreshModifiers: {},
-    refreshInterval: {},
-    refreshIntervalModifiers: {},
-    customView: { type: Boolean, default: !1 },
-    customViewModifiers: {}
+    "isAutoRefresh": { type: Boolean },
+    "isAutoRefreshModifiers": {},
+    "refreshInterval": {},
+    "refreshIntervalModifiers": {},
+    "customView": { type: Boolean, ...{ default: false } },
+    "customViewModifiers": {}
   }),
-  emits: /* @__PURE__ */ Z(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
-  setup(r, { expose: te, emit: ae }) {
-    xe((e) => ({
-      v0d0c522f: l(fe)
+  emits: /* @__PURE__ */ mergeModels(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v0d0c522f": unref(fillMinHeightCss)
     }));
-    const o = r, w = ae, A = V(r, "isAutoRefresh"), M = V(r, "refreshInterval"), y = V(r, "customView"), oe = He(), b = g([]), C = g(0), u = g(0), i = g(1), m = g(!1), I = g(!1), L = g([]), re = f(
+    const props = __props;
+    const emits = __emit;
+    const isAutoRefresh = useModel(__props, "isAutoRefresh");
+    const refreshInterval = useModel(__props, "refreshInterval");
+    const customView = useModel(__props, "customView");
+    const attrs = useAttrs();
+    const list = ref([]);
+    const total = ref(0);
+    const pageSize = ref(0);
+    const currentPage = ref(1);
+    const loading = ref(false);
+    const publicLoading = ref(false);
+    const selectedList = ref([]);
+    const exportContext = computed(
       () => ({
-        columns: De(o.columns),
-        selectedList: L.value,
-        currentPageList: b.value,
-        api: o.api,
-        query: o.query,
-        total: C.value,
-        hasSelection: o.columns.some((e) => e.type === "selection")
+        columns: pickExportColumns(props.columns),
+        selectedList: selectedList.value,
+        currentPageList: list.value,
+        api: props.api,
+        query: props.query,
+        total: total.value,
+        hasSelection: props.columns.some((c) => c.type === "selection")
       })
-    ), N = g(0), ne = (e) => {
-      N.value = e;
-    }, le = f(
-      () => y.value ? D(Je) : D(Fe)
-    ), R = ke(), ie = f(
-      () => o.columns.some((e) => e.type === "selection")
-    ), { viewportHeightFinal: se } = Ge(o), O = f(() => o.showPager ? 35 : 0), B = f(
-      () => o.showToolbar ? N.value : 0
-    ), K = f(() => {
-      const { maxHeight: e, refine: a } = o;
-      if (e)
-        return e - O.value - B.value;
-      if (a)
-        return se.value - O.value - B.value - o.refineReduceHeight;
-    }), P = f(() => {
-      const e = K.value;
-      if (e !== void 0)
-        return Math.max(e, o.dataViewMaxHeightMinValue);
-    }), { fillActive: ue, fillMinHeight: j, fillMinHeightCss: fe } = je({
-      enabled: () => o.fillHeight,
-      rawAvailableHeight: () => K.value
-    }), { showSkeleton: ge, skeletonMode: ce, skeletonColumns: de, skeletonRowsFinal: me } = Ke({
-      enabled: () => o.skeleton,
-      loading: () => m.value,
+    );
+    const toolbarHeight = ref(0);
+    const onToolbarHeightChange = (h) => {
+      toolbarHeight.value = h;
+    };
+    const elTableComponentIs = computed(
+      () => customView.value ? markRaw(DataListView) : markRaw(ElTable)
+    );
+    const elTable = shallowRef();
+    const hasSelectionColumn = computed(
+      () => props.columns.some((c) => c.type === "selection")
+    );
+    const { viewportHeightFinal } = useChannelViewportHeight(props);
+    const pagerHeightAdjust = computed(() => {
+      if (props.showPager) {
+        return 35;
+      } else {
+        return 0;
+      }
+    });
+    const toolbarHeightAdjust = computed(
+      () => props.showToolbar ? toolbarHeight.value : 0
+    );
+    const rawAvailableHeight = computed(() => {
+      const { maxHeight, refine } = props;
+      if (maxHeight) {
+        return maxHeight - pagerHeightAdjust.value - toolbarHeightAdjust.value;
+      }
+      if (refine) {
+        return viewportHeightFinal.value - pagerHeightAdjust.value - toolbarHeightAdjust.value - props.refineReduceHeight;
+      }
+      return void 0;
+    });
+    const tableMaxHeight = computed(() => {
+      const raw = rawAvailableHeight.value;
+      if (raw === void 0) return void 0;
+      return Math.max(raw, props.dataViewMaxHeightMinValue);
+    });
+    const { fillActive, fillMinHeight, fillMinHeightCss } = useFillHeight({
+      enabled: () => props.fillHeight,
+      rawAvailableHeight: () => rawAvailableHeight.value
+    });
+    const { showSkeleton, skeletonMode, skeletonColumns, skeletonRowsFinal } = useTableSkeleton({
+      enabled: () => props.skeleton,
+      loading: () => loading.value,
       dataLength: () => {
-        var e;
-        return ((e = b.value) == null ? void 0 : e.length) ?? 0;
+        var _a;
+        return ((_a = list.value) == null ? void 0 : _a.length) ?? 0;
       },
-      isGrid: () => y.value,
-      columnCount: () => o.columns.length,
-      skeletonRows: () => o.skeletonRows,
-      availableHeight: () => P.value
-    }), x = f(() => {
-      const e = Q(o.query || {});
-      return X(e, k.PAGE_SIZE_KEY, u.value), X(
-        e,
-        k.CURRENT_PAGE_KEY,
-        i.value
-      ), e;
-    }), ve = () => ({
-      injectInfo: o.injectInfo,
-      exposeInfo: v
-    }), pe = f(() => ({
-      ...o.tableProps,
-      ...oe,
-      // customView 下，需要手动处理 selectable
-      ...y.value ? {
-        selectable: ie.value,
-        columns: o.columns,
-        getRenderCtxParams: ve,
-        minHeight: j.value
-      } : {}
-    })), he = (e) => {
-      var t;
-      const a = (t = o.tableProps) == null ? void 0 : t.onSelectionChange;
-      L.value = e, a == null || a(e);
-    }, $ = (e, a = !0) => {
-      const t = JSON.stringify(e) === JSON.stringify(x.value);
-      return !t && a && console.warn(
-        `同一地方 并发请求 参数冰花 当前不是最新的参数 丢弃结果 ${JSON.stringify(
-          e
-        )} => ${JSON.stringify(x.value)}`
-      ), t;
-    }, J = (e = !1) => {
-      var t;
-      if (!u.value) return;
-      m.value ? console.warn("请求并发") : m.value = !0, e || (I.value = !0), (t = R.value) == null || t.clearSelection();
-      const a = Q(x.value);
-      return o.api(a).then((s) => {
-        $(a, !1) && (b.value = ee(
-          s,
-          k.LIST_KEY
-        ), C.value = ee(
-          s,
-          k.TOTAL_KEY
-        ), w("pageInfoChange", {
-          pageSize: u.value,
-          currentPage: i.value,
-          total: C.value
-        }));
+      isGrid: () => customView.value,
+      columnCount: () => props.columns.length,
+      skeletonRows: () => props.skeletonRows,
+      availableHeight: () => tableMaxHeight.value
+    });
+    const params = computed(() => {
+      const merged = _cloneDeep(props.query || {});
+      _set(merged, APP_API_LIST_MODEL_KEY_CONFIG.PAGE_SIZE_KEY, pageSize.value);
+      _set(
+        merged,
+        APP_API_LIST_MODEL_KEY_CONFIG.CURRENT_PAGE_KEY,
+        currentPage.value
+      );
+      return merged;
+    });
+    const getRenderCtxParamsForDataView = () => {
+      return {
+        injectInfo: props.injectInfo,
+        exposeInfo: expose
+      };
+    };
+    const tablePropsFinal = computed(() => {
+      return {
+        ...props.tableProps,
+        ...attrs,
+        // customView 下，需要手动处理 selectable
+        ...customView.value ? {
+          selectable: hasSelectionColumn.value,
+          columns: props.columns,
+          getRenderCtxParams: getRenderCtxParamsForDataView,
+          minHeight: fillMinHeight.value
+        } : {}
+      };
+    });
+    const onSelectionChange = (selection) => {
+      var _a;
+      const externalOnSelectionChange = (_a = props.tableProps) == null ? void 0 : _a.onSelectionChange;
+      selectedList.value = selection;
+      externalOnSelectionChange == null ? void 0 : externalOnSelectionChange(selection);
+    };
+    const canGoOnByParams = (currentParams, tip = true) => {
+      const res = JSON.stringify(currentParams) === JSON.stringify(params.value);
+      if (!res && tip) {
+        console.warn(
+          `同一地方 并发请求 参数冰花 当前不是最新的参数 丢弃结果 ${JSON.stringify(
+            currentParams
+          )} => ${JSON.stringify(params.value)}`
+        );
+      }
+      return res;
+    };
+    const getList = (silent = false) => {
+      var _a;
+      if (!pageSize.value) return;
+      if (loading.value) {
+        console.warn(`请求并发`);
+      } else {
+        loading.value = true;
+      }
+      if (!silent) {
+        publicLoading.value = true;
+      }
+      (_a = elTable.value) == null ? void 0 : _a.clearSelection();
+      const p = _cloneDeep(params.value);
+      return props.api(p).then((res) => {
+        if (!canGoOnByParams(p, false)) {
+          return;
+        }
+        list.value = _get(
+          res,
+          APP_API_LIST_MODEL_KEY_CONFIG.LIST_KEY
+        );
+        total.value = _get(
+          res,
+          APP_API_LIST_MODEL_KEY_CONFIG.TOTAL_KEY
+        );
+        emits("pageInfoChange", {
+          pageSize: pageSize.value,
+          currentPage: currentPage.value,
+          total: total.value
+        });
       }).finally(() => {
-        $(a) && (m.value = !1, I.value = !1);
+        if (!canGoOnByParams(p)) {
+          return;
+        }
+        loading.value = false;
+        publicLoading.value = false;
       });
-    }, F = async (e = !1) => {
-      var a;
-      return (a = J(e)) == null ? void 0 : a.catch(() => {
+    };
+    const refresh = async (silent = false) => {
+      var _a;
+      return (_a = getList(silent)) == null ? void 0 : _a.catch(() => {
       });
-    }, we = async (e = !1) => {
-      if (i.value === 1)
-        return F(e);
-      i.value = 1;
-    }, ye = (e) => e, v = {
-      refresh: F,
-      reload: we,
-      getTableInstance: () => R.value
-    }, _ = (e, a = []) => ({
-      ...W(e, ["render", "headerRender"].concat(a)),
-      injectInfo: o.injectInfo || {},
-      exposeInfo: v
-    }), U = (e) => ({
-      ...W(e, ["render", "headerRender"]),
-      injectInfo: o.injectInfo || {},
-      exposeInfo: v
-    }), be = (e) => e;
-    te(v);
-    const Se = (e) => {
-      u.value = e, i.value = 1;
-    }, q = (e) => !e || e === "expand";
-    return Ie(() => {
-      u.value = o.pageSizeInit, Re(() => {
-        v.refresh();
+    };
+    const reload = async (silent = false) => {
+      if (currentPage.value === 1) {
+        return refresh(silent);
+      } else {
+        currentPage.value = 1;
+      }
+    };
+    const assertRowKey = (rowKey) => {
+      return rowKey;
+    };
+    const expose = {
+      refresh,
+      reload,
+      getTableInstance: () => elTable.value
+    };
+    const assertColumnDefaultScope = (scope, omitKeys = []) => {
+      return {
+        ..._omit(scope, ["render", "headerRender"].concat(omitKeys)),
+        injectInfo: props.injectInfo || {},
+        exposeInfo: expose
+      };
+    };
+    const assertColumnHeaderScope = (scope) => {
+      return {
+        ..._omit(scope, ["render", "headerRender"]),
+        injectInfo: props.injectInfo || {},
+        exposeInfo: expose
+      };
+    };
+    const assertDataViewItemScope = (scope) => {
+      return scope;
+    };
+    __expose(expose);
+    const onSizeChange = (value) => {
+      pageSize.value = value;
+      currentPage.value = 1;
+    };
+    const isShowSlots = (type) => {
+      return !type || type === "expand";
+    };
+    onMounted(() => {
+      pageSize.value = props.pageSizeInit;
+      onActivated(() => {
+        expose.refresh();
       });
-    }), p(b, (e) => {
-      w("dataChange", e);
-    }), p(
-      () => o.query,
-      (e, a) => {
-        JSON.stringify(e) !== JSON.stringify(a) && (i.value = 1);
+    });
+    watch(list, (n) => {
+      emits("dataChange", n);
+    });
+    watch(
+      () => props.query,
+      (n, o) => {
+        if (JSON.stringify(n) === JSON.stringify(o)) return;
+        currentPage.value = 1;
       }
-    ), p(
-      x,
-      (e, a) => {
-        JSON.stringify(e) !== JSON.stringify(a) && J();
+    );
+    watch(
+      params,
+      (n, o) => {
+        if (JSON.stringify(n) === JSON.stringify(o)) return;
+        getList();
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), p(I, (e) => {
-      w("loadingChange", e);
-    }), p(u, (e) => {
-      w("pageSizeChange", e);
-    }), p(i, (e) => {
-      w("pageChange", e);
-    }), (e, a) => (n(), S("div", {
-      class: Pe(["dc-table-main table-main", { "table-main_fill": l(ue) }])
-    }, [
-      r.showToolbar ? (n(), c(l($e), {
-        key: 0,
-        class: "dc-table-main__toolbar",
-        onHeightChange: ne
-      }, {
-        default: h(() => [
-          G(Oe, d({
-            "is-auto-refresh": A.value,
-            "onUpdate:isAutoRefresh": a[0] || (a[0] = (t) => A.value = t),
-            "refresh-interval": M.value,
-            "onUpdate:refreshInterval": a[1] || (a[1] = (t) => M.value = t),
-            "custom-view": y.value,
-            "onUpdate:customView": a[2] || (a[2] = (t) => y.value = t),
-            tableExpose: v,
-            loading: m.value,
-            exportContext: re.value,
-            showSwitchView: r.showSwitchView,
-            currentPage: i.value,
-            pageSize: u.value
-          }, r.toolbar), null, 16, ["is-auto-refresh", "refresh-interval", "custom-view", "loading", "exportContext", "showSwitchView", "currentPage", "pageSize"])
-        ]),
-        _: 1
-      })) : Ve("", !0),
-      l(ge) ? (n(), c(Be, {
-        key: 1,
-        class: "table-main-table",
-        mode: l(ce),
-        rows: l(me),
-        columns: l(de),
-        maxHeight: P.value,
-        minHeight: l(j)
-      }, null, 8, ["mode", "rows", "columns", "maxHeight", "minHeight"])) : (n(), c(T(le.value), d({
-        key: 2,
-        ref_key: "elTable",
-        ref: R,
-        class: "table-main-table",
-        stripe: "",
-        border: "",
-        highlightCurrentRow: ""
-      }, pe.value, {
-        maxHeight: P.value,
-        data: b.value,
-        rowKey: ye(r.rowKey),
-        onSelectionChange: he
-      }), {
-        item: h((t) => [
-          z(e.$slots, "custom-view-item", Ee(Ae(be(t))), void 0, !0)
-        ]),
-        empty: h(() => [
-          m.value ? (n(), S(H, { key: 0 }, [
-            E("加载中...")
-          ], 64)) : (n(), c(l(Ue), { key: 1 }))
-        ]),
-        default: h(() => [
-          (n(!0), S(H, null, Te(r.columns, (t) => (n(), c(l(_e), d({
-            key: t.columnKey || t.prop
-          }, { ref_for: !0 }, t), ze({ _: 2 }, [
-            q(t.type) ? {
-              name: "default",
-              fn: h((s) => [
-                z(e.$slots, t.prop, d({ ref_for: !0 }, _(s)), () => [
-                  t.render ? (n(), c(T(t.render), d({
-                    key: 0,
-                    ref_for: !0
-                  }, _(s, ["$index"]), {
-                    _index: s.$index
-                  }), null, 16, ["_index"])) : (n(), S(H, { key: 1 }, [
-                    E(Y(s.row[t.prop]), 1)
-                  ], 64))
-                ], !0)
-              ]),
-              key: "0"
-            } : void 0,
-            q(t.type) ? {
-              name: "header",
-              fn: h((s) => [
-                z(e.$slots, `header-${t.prop}`, d({ ref_for: !0 }, U(s)), () => [
-                  t.headerRender ? (n(), c(T(t.headerRender), d({
-                    key: 0,
-                    ref_for: !0
-                  }, U(s)), null, 16)) : (n(), S(H, { key: 1 }, [
-                    E(Y(t.label), 1)
-                  ], 64))
-                ], !0)
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1040))), 128))
-        ]),
-        _: 3
-      }, 16, ["maxHeight", "data", "rowKey"])),
-      Me(Le("div", Ye, [
-        G(l(qe), {
-          "current-page": i.value,
-          "onUpdate:currentPage": a[3] || (a[3] = (t) => i.value = t),
-          "page-size": u.value,
-          "onUpdate:pageSize": a[4] || (a[4] = (t) => u.value = t),
-          "page-sizes": r.pageSizeOptions,
-          size: "small",
-          background: "",
-          layout: r.pageLayout,
-          total: C.value,
-          onSizeChange: Se
-        }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
-      ], 512), [
-        [Ne, r.showPager]
-      ])
-    ], 2));
+    );
+    watch(publicLoading, (n) => {
+      emits("loadingChange", n);
+    });
+    watch(pageSize, (n) => {
+      emits("pageSizeChange", n);
+    });
+    watch(currentPage, (n) => {
+      emits("pageChange", n);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dc-table-main table-main", { "table-main_fill": unref(fillActive) }])
+      }, [
+        __props.showToolbar ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 0,
+          class: "dc-table-main__toolbar",
+          onHeightChange: onToolbarHeightChange
+        }, {
+          default: withCtx(() => [
+            createVNode(TableToolbar, mergeProps({
+              "is-auto-refresh": isAutoRefresh.value,
+              "onUpdate:isAutoRefresh": _cache[0] || (_cache[0] = ($event) => isAutoRefresh.value = $event),
+              "refresh-interval": refreshInterval.value,
+              "onUpdate:refreshInterval": _cache[1] || (_cache[1] = ($event) => refreshInterval.value = $event),
+              "custom-view": customView.value,
+              "onUpdate:customView": _cache[2] || (_cache[2] = ($event) => customView.value = $event),
+              tableExpose: expose,
+              loading: loading.value,
+              exportContext: exportContext.value,
+              showSwitchView: __props.showSwitchView,
+              currentPage: currentPage.value,
+              pageSize: pageSize.value
+            }, __props.toolbar), null, 16, ["is-auto-refresh", "refresh-interval", "custom-view", "loading", "exportContext", "showSwitchView", "currentPage", "pageSize"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        unref(showSkeleton) ? (openBlock(), createBlock(TableSkeleton, {
+          key: 1,
+          class: "table-main-table",
+          mode: unref(skeletonMode),
+          rows: unref(skeletonRowsFinal),
+          columns: unref(skeletonColumns),
+          maxHeight: tableMaxHeight.value,
+          minHeight: unref(fillMinHeight)
+        }, null, 8, ["mode", "rows", "columns", "maxHeight", "minHeight"])) : (openBlock(), createBlock(resolveDynamicComponent(elTableComponentIs.value), mergeProps({
+          key: 2,
+          ref_key: "elTable",
+          ref: elTable,
+          class: "table-main-table",
+          stripe: "",
+          border: "",
+          highlightCurrentRow: ""
+        }, tablePropsFinal.value, {
+          maxHeight: tableMaxHeight.value,
+          data: list.value,
+          rowKey: assertRowKey(__props.rowKey),
+          onSelectionChange
+        }), {
+          item: withCtx((scopeData) => [
+            renderSlot(_ctx.$slots, "custom-view-item", normalizeProps(guardReactiveProps(assertDataViewItemScope(scopeData))), void 0, true)
+          ]),
+          empty: withCtx(() => [
+            loading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode("加载中...")
+            ], 64)) : (openBlock(), createBlock(unref(ElEmpty), { key: 1 }))
+          ]),
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+              return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
+                key: column.columnKey || column.prop
+              }, { ref_for: true }, column), createSlots({ _: 2 }, [
+                isShowSlots(column.type) ? {
+                  name: "default",
+                  fn: withCtx((scopeData) => [
+                    renderSlot(_ctx.$slots, column.prop, mergeProps({ ref_for: true }, assertColumnDefaultScope(scopeData)), () => [
+                      column.render ? (openBlock(), createBlock(resolveDynamicComponent(column.render), mergeProps({
+                        key: 0,
+                        ref_for: true
+                      }, assertColumnDefaultScope(scopeData, ["$index"]), {
+                        _index: scopeData.$index
+                      }), null, 16, ["_index"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createTextVNode(toDisplayString(scopeData.row[column.prop]), 1)
+                      ], 64))
+                    ], true)
+                  ]),
+                  key: "0"
+                } : void 0,
+                isShowSlots(column.type) ? {
+                  name: "header",
+                  fn: withCtx((scopeData) => [
+                    renderSlot(_ctx.$slots, `header-${column.prop}`, mergeProps({ ref_for: true }, assertColumnHeaderScope(scopeData)), () => [
+                      column.headerRender ? (openBlock(), createBlock(resolveDynamicComponent(column.headerRender), mergeProps({
+                        key: 0,
+                        ref_for: true
+                      }, assertColumnHeaderScope(scopeData)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createTextVNode(toDisplayString(column.label), 1)
+                      ], 64))
+                    ], true)
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1040);
+            }), 128))
+          ]),
+          _: 3
+        }, 16, ["maxHeight", "data", "rowKey"])),
+        withDirectives(createElementVNode("div", _hoisted_1, [
+          createVNode(unref(ElPagination), {
+            "current-page": currentPage.value,
+            "onUpdate:currentPage": _cache[3] || (_cache[3] = ($event) => currentPage.value = $event),
+            "page-size": pageSize.value,
+            "onUpdate:pageSize": _cache[4] || (_cache[4] = ($event) => pageSize.value = $event),
+            "page-sizes": __props.pageSizeOptions,
+            size: "small",
+            background: "",
+            layout: __props.pageLayout,
+            total: total.value,
+            onSizeChange
+          }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
+        ], 512), [
+          [vShow, __props.showPager]
+        ])
+      ], 2);
+    };
   }
 });
 export {
-  gt as default
+  _sfc_main as default
 };