ele-admin-plus 1.0.0-beta.2 → 1.0.0-beta.3

package/lib/ele-pro-table/index.js

@@ -1,9 +1,8 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const licenseUtil = require("../utils/license-util");
-const useReceiver = require("../ele-config-provider/use-receiver");
 const core = require("../utils/core");
+const receiver = require("../ele-config-provider/receiver");
 const ElePagination = require("../ele-pagination/index");
 const EleToolbar = require("../ele-toolbar/index");
 const TableTools = require("./components/table-tools");
@@ -15,9 +14,9 @@ const _sfc_main = vue.defineComponent({
   components: { ElEmpty: elementPlus.ElEmpty, ElePagination, EleToolbar, TableTools, TableView },
   props: props.proTableProps,
   emits: props.proTableEmits,
-  setup(props2, { emit }) {
-    const { authenticated } = licenseUtil.useLicense();
-    const globalProps = useReceiver.useGlobalProps("table");
+  setup(props$1, { emit }) {
+    const { authenticated } = receiver.useLicense();
+    const globalProps = receiver.useGlobalProps("table");
     const tableIns = util.useTableMethods(() => {
       var _a;
       return (_a = tableViewRef.value) == null ? void 0 : _a.tableRef;
@@ -26,13 +25,17 @@ const _sfc_main = vue.defineComponent({
     const current = { sorter: null, filter: null, where: {} };
     const tableViewRef = vue.ref(null);
     const tableData = vue.ref([]);
-    const tablePage = vue.ref(util.getDefaultPage(props2.pagination));
-    const tableLimit = vue.ref(util.getDefaultLimit(props2.pagination));
+    const tablePage = vue.ref(
+      util.getTablePage(props$1.pagination, globalProps.value.pagination)
+    );
+    const tableLimit = vue.ref(
+      util.getTableLimit(props$1.pagination, globalProps.value.pagination)
+    );
     const tableTotal = vue.ref(0);
-    const tableLoading = vue.ref(props2.loading);
+    const tableLoading = vue.ref(props$1.loading);
     const tableCols = vue.ref([]);
     const tableSize = vue.ref(
-      util.getDefaultSize(util.getCacheSize(props2.cacheKey) ?? props2.size, globalProps)
+      util.getTableSize(props$1.cacheKey, props$1.size, globalProps.value.size)
     );
     const tableMaximized = vue.ref(false);
     const errorText = vue.ref("");
@@ -42,33 +45,48 @@ const _sfc_main = vue.defineComponent({
       return ((tablePage.value ?? 1) - 1) * (tableLimit.value ?? 0) + 1;
     });
     const paginationProps = vue.computed(() => {
-      if (props2.pagination == null || props2.pagination === false) {
+      return util.getPaginationProps(
+        tableSize.value,
+        props$1.pagination,
+        globalProps.value.pagination,
+        {
+          total: tableTotal.value,
+          pageSize: tableLimit.value,
+          currentPage: tablePage.value
+        }
+      );
+    });
+    const tableProps = vue.computed(() => {
+      const isMaximized = tableMaximized.value && props$1.maximizedHeight;
+      const opt = {
+        data: tableData.value,
+        height: isMaximized ? props$1.maximizedHeight : props$1.height,
+        stripe: props$1.stripe ?? globalProps.value.stripe ?? false,
+        border: props$1.border ?? globalProps.value.border ?? false,
+        size: tableSize.value,
+        load: tableLoad,
+        columns: tableCols.value,
+        pageIndex: tableIndex.value,
+        loading: tableLoading.value
+      };
+      return Object.assign(core.pick(props$1, props.tablePropKeys), opt);
+    });
+    const tableStyle = vue.computed(() => {
+      if (!tableMaximized.value) {
         return {};
       }
-      const defaultProps = {
-        small: tableSize.value !== "large",
-        pagerCount: 5,
-        layout: "total, sizes, prev, pager, next, jumper",
-        pageSizes: [10, 20, 30, 40, 50, 100],
-        hideOnSinglePage: false
-      };
-      const pageProps = {
-        total: tableTotal.value,
-        pageSize: tableLimit.value,
-        currentPage: tablePage.value
-      };
-      if (typeof props2.pagination === "object") {
-        return {
-          ...defaultProps,
-          ...core.omit(props2.pagination, "autoAmend"),
-          ...pageProps
-        };
+      const zIndex = props$1.maximizedIndex ?? globalProps.value.maximizedIndex;
+      return { zIndex };
+    });
+    const tableTools = vue.computed(() => {
+      const tools = props$1.tools ?? globalProps.value.tools ?? true;
+      if (tools === true) {
+        return ["reload", "size", "columns", "maximized"];
       }
-      return { ...defaultProps, ...pageProps };
+      return tools || [];
     });
     const reload = (option, parent, resolve) => {
       if (!authenticated.value) {
-        errorText.value = licenseUtil.UNAUTHORIZED_TIP;
         return;
       }
       if (option) {
@@ -90,12 +108,12 @@ const _sfc_main = vue.defineComponent({
       }
       errorText.value = "";
       const sorter = current.sorter ?? getDefaultSorter();
-      if (typeof props2.datasource === "function") {
+      if (typeof props$1.datasource === "function") {
         if (!parent) {
           tableLoading.value = true;
         }
         const filter = current.filter ?? getDefaultFilter();
-        props2.datasource({
+        props$1.datasource({
           page: tablePage.value,
           limit: tableLimit.value,
           where: { ...current.where },
@@ -105,27 +123,29 @@ const _sfc_main = vue.defineComponent({
           filter,
           parent
         }).then((response) => {
-          const { data, total } = getResponseResult(response);
-          requestCallback(data, total, parent, response, resolve);
+          const parseData = props$1.parseData ?? globalProps.value.parseData;
+          const result = parseData ? parseData(response) : response;
+          const { data, total } = getResponseResult(result);
+          requestCallback(data, total, parent, result, resolve);
         }).catch((e) => {
           requestCallback(e == null ? void 0 : e.message);
           resolve && console.error(e);
         });
         return;
       }
-      if (Array.isArray(props2.datasource)) {
+      if (Array.isArray(props$1.datasource)) {
         tableLoading.value = true;
         const { data, page, total } = util.reloadData(
-          props2.datasource,
+          props$1.datasource,
           sorter,
-          !props2.pagination ? void 0 : tablePage.value,
+          !props$1.pagination ? void 0 : tablePage.value,
           tableLimit.value
         );
         tableData.value = data;
         tablePage.value = page;
         tableTotal.value = total;
         tableLoading.value = false;
-        onDone({ data, page, total, response: props2.datasource });
+        onDone({ data, page, total, response: props$1.datasource });
       }
     };
     const requestCallback = (data, total, parent, response, resolve) => {
@@ -141,14 +161,14 @@ const _sfc_main = vue.defineComponent({
           "返回的数据格式与配置的不一致, 返回的数据:",
           response,
           "需要的格式:",
-          getResponseName()
+          util.getResponseName(globalProps.value.response, props$1.response)
         );
         return;
       }
       if (resolve) {
         resolve(data);
       } else {
-        if (props2.pagination && (props2.pagination === true || props2.pagination.autoAmend) && !data.length && total && tablePage.value && tableLimit.value) {
+        if (props$1.pagination && (props$1.pagination === true || props$1.pagination.autoAmend) && !data.length && total && tablePage.value && tableLimit.value) {
           const maxPage = Math.ceil(total / tableLimit.value);
           if (maxPage && tablePage.value > maxPage) {
             tablePage.value = maxPage;
@@ -170,12 +190,13 @@ const _sfc_main = vue.defineComponent({
     };
     const getRequestOrders = (sorter) => {
       const orders = {};
-      const { sortName, orderName } = getRequestName();
+      const { sortName, orderName, ascValue, descValue } = util.getRequestName(
+        globalProps.value.request,
+        props$1.request
+      );
       if (!sortName || !orderName) {
         return orders;
       }
-      const ascValue = getAscendingValue();
-      const descValue = getDescendingValue();
       const items = util.getOrderItems(sorter);
       if (items.length === 1) {
         orders[sortName] = items[0].field;
@@ -186,59 +207,39 @@ const _sfc_main = vue.defineComponent({
       return orders;
     };
     const getResponseResult = (data) => {
-      const result = props2.parseData ? props2.parseData(data) : data;
-      if (!result || Array.isArray(result)) {
-        return { data: getResponseData(result) };
+      if (!data || Array.isArray(data)) {
+        return { data: getResponseData(data) };
       }
-      const { dataName, countName } = getResponseName();
+      const { dataName, countName } = util.getResponseName(
+        globalProps.value.response,
+        props$1.response
+      );
       if (!dataName) {
         return {};
       }
       return {
-        data: getResponseData(util.getValue(result, dataName)),
-        total: (countName ? util.getValue(result, countName) : void 0) ?? 0
+        data: getResponseData(util.getValue(data, dataName)),
+        total: (countName ? util.getValue(data, countName) : void 0) ?? 0
       };
     };
     const getResponseData = (data) => {
       var _a;
-      if (!data || !props2.lazy) {
+      if (!data || !props$1.lazy) {
         return data;
       }
-      const name = ((_a = props2.treeProps) == null ? void 0 : _a.hasChildren) ?? "hasChildren";
+      const name = ((_a = props$1.treeProps) == null ? void 0 : _a.hasChildren) ?? "hasChildren";
       return data.map((d) => {
         const temp = { ...d };
         temp[name] = temp[name] ?? true;
         return temp;
       });
     };
-    const getRequestName = () => {
-      return Object.assign(
-        { sortName: "sort", orderName: "order" },
-        globalProps.value.request,
-        props2.request
-      );
-    };
-    const getResponseName = () => {
-      return Object.assign(
-        { dataName: "list", countName: "count" },
-        globalProps.value.response,
-        props2.response
-      );
-    };
-    const getAscendingValue = () => {
-      const global = globalProps.value.ascendingValue;
-      return props2.ascendingValue ?? global ?? "asc";
-    };
-    const getDescendingValue = () => {
-      const global = globalProps.value.descendingValue;
-      return props2.descendingValue ?? global ?? "desc";
-    };
     const getDefaultSorter = () => {
-      return props2.defaultSort ?? {};
+      return props$1.defaultSort ?? {};
     };
     const getDefaultFilter = () => {
       const filter = {};
-      core.eachTree(props2.columns, (d) => {
+      core.eachTree(props$1.columns, (d) => {
         if (typeof d.columnKey === "string" && d.columnKey.length && d.filteredValue) {
           filter[d.columnKey] = d.filteredValue;
         }
@@ -252,14 +253,14 @@ const _sfc_main = vue.defineComponent({
       emit("done", result, parent);
     };
     const tableLoad = (row, treeNode, resolve) => {
-      if (props2.load) {
-        props2.load(row, treeNode, resolve);
+      if (props$1.load) {
+        props$1.load(row, treeNode, resolve);
         return;
       }
       reload(void 0, row, resolve);
     };
     const onRefresh = () => {
-      if (Array.isArray(props2.datasource)) {
+      if (Array.isArray(props$1.datasource)) {
         emit("refresh");
         return;
       }
@@ -296,8 +297,8 @@ const _sfc_main = vue.defineComponent({
     };
     const onRowClick = (row, column, event) => {
       const index2 = tableData.value.indexOf(row);
-      if (props2.rowClickChecked && props2.selections && !util.isDisableRow(row, index2, props2.columns)) {
-        if (props2.rowClickChecked === "smart" && (props2.selections.length === 0 || props2.selections.length === 1)) {
+      if (props$1.rowClickChecked && props$1.selections && !util.isDisableRow(row, index2, props$1.columns)) {
+        if (props$1.rowClickChecked === "smart" && (props$1.selections.length === 0 || props$1.selections.length === 1)) {
           setSelectedRows([row]);
         } else {
           tableIns.toggleRowSelection(row);
@@ -312,21 +313,21 @@ const _sfc_main = vue.defineComponent({
       emit("selectionChange", selection);
     };
     const onSortChange = (sorter) => {
-      if (props2.loadOnChanged) {
+      if (props$1.loadOnChanged) {
         current.sorter = sorter;
         reload();
       }
       emit("sortChange", sorter);
     };
     const onFilterChange = (filter) => {
-      if (props2.loadOnChanged) {
+      if (props$1.loadOnChanged) {
         current.filter = filter;
         reload();
       }
       emit("filterChange", filter);
     };
     const onCurrentChange = (currentRow, oldCurrentRow) => {
-      if (props2.current !== currentRow) {
+      if (props$1.current !== currentRow) {
         emit("update:current", currentRow);
       }
       emit("currentChange", currentRow, oldCurrentRow);
@@ -339,7 +340,7 @@ const _sfc_main = vue.defineComponent({
       vue.nextTick(() => {
         destroyed.value = false;
         vue.nextTick(() => {
-          setSelectedRows(props2.selections);
+          setSelectedRows(props$1.selections);
         });
       });
     };
@@ -359,16 +360,16 @@ const _sfc_main = vue.defineComponent({
         tableIns.toggleRowSelection(d, true);
       });
       selectionUpdate.value = true;
-      if (util.selectionIsChange(rows, props2.selections)) {
+      if (util.selectionIsChange(rows, props$1.selections)) {
         updateSelections(rows);
       }
     };
     const setSelectedRowKeys = (keys) => {
-      if (!keys || !props2.rowKey) {
+      if (!keys || !props$1.rowKey) {
         return;
       }
       const rows = tableData.value.filter(
-        (d) => keys.some((v) => v === util.getValue(d, props2.rowKey))
+        (d) => keys.some((v) => v === util.getValue(d, props$1.rowKey))
       );
       setSelectedRows(rows);
     };
@@ -379,16 +380,16 @@ const _sfc_main = vue.defineComponent({
         (d) => {
           tableIns.toggleRowExpansion(d, expanded);
         },
-        (_a = props2.treeProps) == null ? void 0 : _a.children
+        (_a = props$1.treeProps) == null ? void 0 : _a.children
       );
     };
     const goPageByRowKey = (key) => {
-      if (!props2.rowKey || !props2.pagination || tableLimit.value == null || !Array.isArray(props2.datasource)) {
+      if (!props$1.rowKey || !props$1.pagination || tableLimit.value == null || !Array.isArray(props$1.datasource)) {
         return;
       }
       const sorter = current.sorter ?? getDefaultSorter();
-      const data = util.sortData(props2.datasource, sorter);
-      const index2 = data.findIndex((d) => util.getValue(d, props2.rowKey) === key);
+      const data = util.sortData(props$1.datasource, sorter);
+      const index2 = data.findIndex((d) => util.getValue(d, props$1.rowKey) === key);
       const page = Math.floor(index2 / tableLimit.value) + 1;
       if (tablePage.value !== page) {
         reload({ page });
@@ -408,32 +409,32 @@ const _sfc_main = vue.defineComponent({
       });
     };
     vue.watch(
-      () => props2.datasource,
+      () => props$1.datasource,
       () => {
         reload();
       },
       { deep: true }
     );
     vue.watch(
-      () => props2.loading,
+      () => props$1.loading,
       (loading) => {
         tableLoading.value = loading;
       }
     );
     vue.watch(
-      () => props2.size,
+      () => props$1.size,
       (size) => {
-        tableSize.value = util.getDefaultSize(size, globalProps);
+        tableSize.value = util.getTableSize(void 0, size, globalProps.value.size);
       }
     );
     vue.watch(
-      () => props2.columns,
+      () => props$1.columns,
       (columns) => {
         if (columns) {
           tableCols.value = util.getInitCacheColumns(
             columns,
-            props2.cacheKey,
-            props2.columnSortable
+            props$1.cacheKey,
+            props$1.columnSortable
           );
         } else if (tableCols.value.length) {
           tableCols.value = [];
@@ -447,15 +448,17 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       globalProps,
       (config) => {
-        if (props2.size == null && config.size != null) {
-          tableSize.value = config.size;
-        }
+        tableSize.value = util.getTableSize(
+          props$1.cacheKey,
+          props$1.size,
+          config.size
+        );
       },
       { deep: true }
     );
     vue.onMounted(() => {
-      if (props2.loadOnCreated) {
-        reload({ where: props2.where });
+      if (props$1.loadOnCreated) {
+        reload({ where: props$1.where });
       }
     });
     return {
@@ -471,6 +474,9 @@ const _sfc_main = vue.defineComponent({
       destroyed,
       tableIndex,
       paginationProps,
+      tableProps,
+      tableStyle,
+      tableTools,
       tableLoad,
       onRefresh,
       onSizeChange,
@@ -511,25 +517,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
       "ele-pro-table",
-      { "is-maximized": _ctx.tableMaximized },
-      { "is-header-ellipsis": _ctx.headerEllipsis }
+      { "is-sticky": _ctx.sticky },
+      { "is-header-ellipsis": _ctx.headerEllipsis },
+      { "is-maximized": _ctx.tableMaximized }
     ]),
-    style: vue.normalizeStyle({ zIndex: _ctx.tableMaximized ? _ctx.maximizedIndex : void 0 })
+    style: vue.normalizeStyle(_ctx.tableStyle)
   }, [
-    _ctx.toolbar ? (vue.openBlock(), vue.createBlock(_component_EleToolbar, {
-      key: 0,
-      title: _ctx.title,
-      subtitle: _ctx.subtitle,
-      theme: _ctx.toolbarTheme,
-      form: _ctx.toolbarForm,
-      style: vue.normalizeStyle(_ctx.toolbarStyle)
-    }, {
+    _ctx.toolbar ? (vue.openBlock(), vue.createBlock(_component_EleToolbar, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
       tools: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "tools"),
-        vue.createVNode(_component_TableTools, {
+        _ctx.tableTools && _ctx.tableTools.length ? (vue.openBlock(), vue.createBlock(_component_TableTools, {
+          key: 0,
           size: _ctx.tableSize,
           columns: _ctx.columns,
-          tools: _ctx.tools,
+          tools: _ctx.tableTools,
           columnSortable: _ctx.columnSortable,
           columnFixed: _ctx.columnFixed,
           maximized: _ctx.tableMaximized,
@@ -539,57 +540,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "onUpdate:size": _ctx.onSizeChange,
           "onUpdate:columns": _ctx.onColumnsChange,
           "onUpdate:maximized": _ctx.onMaximizedChange
-        }, null, 8, ["size", "columns", "tools", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "onReload", "onUpdate:size", "onUpdate:columns", "onUpdate:maximized"])
+        }, null, 8, ["size", "columns", "tools", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "onReload", "onUpdate:size", "onUpdate:columns", "onUpdate:maximized"])) : vue.createCommentVNode("", true)
       ]),
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "toolbar")
       ]),
       _: 3
-    }, 8, ["title", "subtitle", "theme", "form", "style"])) : vue.createCommentVNode("", true),
+    }, 16)) : vue.createCommentVNode("", true),
     vue.renderSlot(_ctx.$slots, "default"),
-    !_ctx.destroyed ? (vue.openBlock(), vue.createBlock(_component_TableView, {
-      key: 1,
+    !_ctx.destroyed ? (vue.openBlock(), vue.createBlock(_component_TableView, vue.mergeProps({ key: 1 }, _ctx.tableProps, {
       ref: "tableViewRef",
-      data: _ctx.tableData,
-      height: _ctx.tableMaximized && _ctx.maximizedHeight ? _ctx.maximizedHeight : _ctx.height,
-      maxHeight: _ctx.maxHeight,
-      stripe: _ctx.stripe,
-      border: _ctx.border,
-      size: _ctx.tableSize,
-      fit: _ctx.fit,
-      showHeader: _ctx.showHeader,
-      highlightCurrentRow: _ctx.highlightCurrentRow,
-      currentRowKey: _ctx.currentRowKey,
-      rowClassName: _ctx.rowClassName,
-      rowStyle: _ctx.rowStyle,
-      cellClassName: _ctx.cellClassName,
-      cellStyle: _ctx.cellStyle,
-      headerRowClassName: _ctx.headerRowClassName,
-      headerRowStyle: _ctx.headerRowStyle,
-      headerCellClassName: _ctx.headerCellClassName,
-      headerCellStyle: _ctx.headerCellStyle,
-      rowKey: _ctx.rowKey,
-      defaultExpandAll: _ctx.defaultExpandAll,
-      expandRowKeys: _ctx.expandRowKeys,
-      defaultSort: _ctx.defaultSort,
-      tooltipEffect: _ctx.tooltipEffect,
-      tooltipOptions: _ctx.tooltipOptions,
-      showSummary: _ctx.showSummary,
-      sumText: _ctx.sumText,
-      summaryMethod: _ctx.summaryMethod,
-      spanMethod: _ctx.spanMethod,
-      selectOnIndeterminate: _ctx.selectOnIndeterminate,
-      indent: _ctx.indent,
-      lazy: _ctx.lazy,
-      load: _ctx.tableLoad,
-      treeProps: _ctx.treeProps,
-      tableLayout: _ctx.tableLayout,
-      scrollbarAlwaysOn: _ctx.scrollbarAlwaysOn,
-      flexible: _ctx.flexible,
-      columns: _ctx.tableCols,
-      pageIndex: _ctx.tableIndex,
-      loading: _ctx.tableLoading,
-      style: vue.normalizeStyle(_ctx.tableStyle),
+      style: _ctx.tableStyle,
       onSelect: _ctx.tableEvents.onSelect,
       onSelectAll: _ctx.tableEvents.onSelectAll,
       onCellMouseEnter: _ctx.tableEvents.onCellMouseEnter,
@@ -608,7 +569,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onSortChange: _ctx.onSortChange,
       onFilterChange: _ctx.onFilterChange,
       onCurrentChange: _ctx.onCurrentChange
-    }, vue.createSlots({
+    }), vue.createSlots({
       empty: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "empty", {
           text: _ctx.emptyText,
@@ -632,14 +593,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         };
       })
-    ]), 1032, ["data", "height", "maxHeight", "stripe", "border", "size", "fit", "showHeader", "highlightCurrentRow", "currentRowKey", "rowClassName", "rowStyle", "cellClassName", "cellStyle", "headerRowClassName", "headerRowStyle", "headerCellClassName", "headerCellStyle", "rowKey", "defaultExpandAll", "expandRowKeys", "defaultSort", "tooltipEffect", "tooltipOptions", "showSummary", "sumText", "summaryMethod", "spanMethod", "selectOnIndeterminate", "indent", "lazy", "load", "treeProps", "tableLayout", "scrollbarAlwaysOn", "flexible", "columns", "pageIndex", "loading", "style", "onSelect", "onSelectAll", "onCellMouseEnter", "onCellMouseLeave", "onCellClick", "onCellDblclick", "onCellContextmenu", "onRowContextmenu", "onRowDblclick", "onHeaderClick", "onHeaderContextmenu", "onHeaderDragend", "onExpandChange", "onRowClick", "onSelectionChange", "onSortChange", "onFilterChange", "onCurrentChange"])) : vue.createCommentVNode("", true),
-    _ctx.pagination || _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+    ]), 1040, ["style", "onSelect", "onSelectAll", "onCellMouseEnter", "onCellMouseLeave", "onCellClick", "onCellDblclick", "onCellContextmenu", "onRowContextmenu", "onRowDblclick", "onHeaderClick", "onHeaderContextmenu", "onHeaderDragend", "onExpandChange", "onRowClick", "onSelectionChange", "onSortChange", "onFilterChange", "onCurrentChange"])) : vue.createCommentVNode("", true),
+    _ctx.paginationProps || _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 2,
       class: "ele-pro-table-footer",
       style: vue.normalizeStyle(_ctx.footerStyle)
     }, [
       vue.renderSlot(_ctx.$slots, "footer"),
-      _ctx.pagination ? (vue.openBlock(), vue.createBlock(_component_ElePagination, vue.mergeProps({ key: 0 }, _ctx.paginationProps, {
+      _ctx.paginationProps && _ctx.paginationProps.total ? (vue.openBlock(), vue.createBlock(_component_ElePagination, vue.mergeProps({ key: 0 }, _ctx.paginationProps, {
         "onUpdate:currentPage": _ctx.onPageCurrentChange,
         "onUpdate:pageSize": _ctx.onPageSizeChange
       }), vue.createSlots({ _: 2 }, [