jky-component-lib 0.0.61 → 0.0.64

package/dist/es/page-table/PageTable.vue.js

@@ -37,24 +37,22 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, computed, watch, onMounted, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createVNode, mergeProps, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, renderSlot, resolveDynamicComponent } from "vue";
-import { ElCard, ElTable, ElTableColumn, ElPagination } from "element-plus";
+import { defineComponent, useModel, ref, computed, onMounted, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createVNode, mergeProps, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, withDirectives, Fragment, renderList, renderSlot, mergeModels } from "vue";
+import { useFullscreen } from "@vueuse/core";
+import { ElCard, ElTable, ElTableColumn, ElScrollbar, ElPagination } from "element-plus";
 import { JkyForm } from "../form/index.js";
 import _sfc_main$1 from "./Toolbar.vue.js";
 /* empty css             */
 const _hoisted_1 = { class: "jky-page-table__filter-actions" };
-const _hoisted_2 = {
-  key: 0,
-  class: "flex flex-end mt-4 jky-page-table__pagination"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyPageTable"
 }), {
   __name: "PageTable",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
+    withCard: { type: Boolean, default: true },
     title: { default: "" },
     filterItems: { default: () => [] },
-    filterModel: { default: () => ({}) },
+    form: {},
     columns: {},
     dataSource: {},
     showSearchButton: { type: Boolean, default: true },
@@ -69,121 +67,142 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     maxHeight: {},
     emptyText: { default: "暂无数据" },
     loading: { type: Boolean, default: false },
-    className: { default: "" },
+    className: {},
     formProps: { default: () => ({}) },
     tableProps: { default: () => ({}) },
     paginationProps: { default: () => ({}) },
     toolbarButtonLimit: { default: 0 },
     toolbarButtons: {}
-  },
-  emits: ["search", "reset", "rowClick", "rowDblclick", "selectionChange", "pageChange", "sortChange"],
+  }, {
+    "form": {
+      default: () => ({})
+    },
+    "formModifiers": {},
+    "pagination": {
+      default: () => ({
+        currentPage: 1,
+        pageSize: 10,
+        total: 0
+      })
+    },
+    "paginationModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["search", "reset", "refresh", "rowClick", "rowDblclick", "selectionChange", "pageChange", "sortChange"], ["update:form", "update:pagination"]),
   setup(__props, { expose: __expose, emit: __emit }) {
-    var _a, _b, _c;
     const props = __props;
     const emit = __emit;
-    const internalFilterModel = ref(__spreadValues({}, props.filterModel));
+    const form = useModel(__props, "form");
+    const pagination = useModel(__props, "pagination");
     const internalData = ref([]);
-    const internalPagination = ref({
-      currentPage: ((_a = props.pagination) == null ? void 0 : _a.currentPage) || 1,
-      pageSize: ((_b = props.pagination) == null ? void 0 : _b.pageSize) || 10,
-      total: ((_c = props.pagination) == null ? void 0 : _c.total) || 0
-    });
     const tableRef = ref(null);
     const formRef = ref(null);
-    const paginationRef = ref(null);
     const isLoading = ref(props.loading);
+    const pageTableRef = ref(null);
+    const { isFullscreen: _isFullscreen, toggle: toggleFullscreen } = useFullscreen(pageTableRef);
+    function handleRefresh() {
+      var _a;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      } else {
+        emit("refresh");
+      }
+    }
+    const defaultRightButtons = computed(() => {
+      const refreshButton = {
+        label: "刷新",
+        icon: "icon-[mdi--refresh]",
+        class: "ml-3",
+        onClick: handleRefresh
+      };
+      const fullscreenButton = {
+        label: _isFullscreen.value ? "退出全屏" : "全屏",
+        icon: _isFullscreen.value ? "icon-[mdi--fullscreen-exit]" : "icon-[mdi--fullscreen]",
+        class: "ml-3",
+        onClick: () => toggleFullscreen()
+      };
+      return [refreshButton, fullscreenButton];
+    });
     const showPagination = computed(() => {
-      var _a2;
-      return !!((_a2 = props.dataSource) == null ? void 0 : _a2.api);
+      var _a, _b;
+      return !!((_a = props.dataSource) == null ? void 0 : _a.api) || (((_b = pagination.value) == null ? void 0 : _b.total) || 0) > 0;
     });
     function getColumnProps(column) {
       return __spreadValues({}, column);
     }
-    watch(
-      () => props.pagination,
-      (newPagination) => {
-        if (newPagination) {
-          internalPagination.value.currentPage = newPagination.currentPage || 1;
-          internalPagination.value.pageSize = newPagination.pageSize || 10;
-          internalPagination.value.total = newPagination.total || 0;
-        }
-      },
-      { deep: true }
-    );
     function loadData() {
       return __async(this, null, function* () {
-        var _a2;
-        if (!((_a2 = props.dataSource) == null ? void 0 : _a2.api))
+        var _a;
+        if (!((_a = props.dataSource) == null ? void 0 : _a.api))
           return;
         isLoading.value = true;
         try {
           const result = yield props.dataSource.api(__spreadValues({
-            currentPage: internalPagination.value.currentPage,
-            pageSize: internalPagination.value.pageSize
-          }, internalFilterModel.value));
+            currentPage: pagination.value.currentPage || 1,
+            pageSize: pagination.value.pageSize || 10
+          }, form.value));
           const responseProps = props.dataSource.responseProps || {};
           const recordsField = responseProps.recordsField || "records";
           const totalField = responseProps.totalField || "total";
           internalData.value = result[recordsField] || [];
-          internalPagination.value.total = result[totalField] || 0;
+          pagination.value.total = result[totalField] || 0;
           emit("pageChange", {
-            currentPage: internalPagination.value.currentPage,
-            pageSize: internalPagination.value.pageSize
+            currentPage: pagination.value.currentPage,
+            pageSize: pagination.value.pageSize
           });
         } catch (error) {
           console.error("加载数据失败:", error);
           internalData.value = [];
-          internalPagination.value.total = 0;
+          pagination.value.total = 0;
         } finally {
           isLoading.value = false;
         }
       });
     }
     function handleSearch() {
-      var _a2;
-      emit("search", __spreadValues({}, internalFilterModel.value));
-      if ((_a2 = props.dataSource) == null ? void 0 : _a2.api) {
-        internalPagination.value.currentPage = 1;
+      var _a;
+      emit("search", __spreadValues({}, form.value));
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        pagination.value.currentPage = 1;
         loadData();
       }
     }
     function handleReset() {
-      var _a2;
-      internalFilterModel.value = {};
+      var _a;
+      form.value = {};
       emit("reset");
       if (formRef.value) {
         formRef.value.resetFields();
       }
-      if ((_a2 = props.dataSource) == null ? void 0 : _a2.api) {
-        internalPagination.value.currentPage = 1;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        pagination.value.currentPage = 1;
         loadData();
       }
     }
     function handlePageChange(page) {
-      var _a2, _b2;
-      internalPagination.value.currentPage = page;
-      if ((_a2 = props.dataSource) == null ? void 0 : _a2.api) {
+      var _a;
+      pagination.value.currentPage = page;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
         loadData();
-      } else if ((_b2 = props.pagination) == null ? void 0 : _b2.onPageChange) {
-        props.pagination.onPageChange(page);
+      } else if (pagination.value.onPageChange) {
+        pagination.value.onPageChange(page);
       }
       emit("pageChange", {
-        currentPage: internalPagination.value.currentPage,
-        pageSize: internalPagination.value.pageSize
+        currentPage: pagination.value.currentPage,
+        pageSize: pagination.value.pageSize
       });
     }
     function handlePageSizeChange(size) {
-      var _a2, _b2;
-      internalPagination.value.pageSize = size;
-      internalPagination.value.currentPage = 1;
-      if ((_a2 = props.dataSource) == null ? void 0 : _a2.api) {
+      var _a;
+      pagination.value.pageSize = size;
+      pagination.value.currentPage = 1;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
         loadData();
-      } else if ((_b2 = props.pagination) == null ? void 0 : _b2.onPageSizeChange) {
-        props.pagination.onPageSizeChange(size);
+      } else if (pagination.value.onPageSizeChange) {
+        pagination.value.onPageSizeChange(size);
       }
       emit("pageChange", {
-        currentPage: internalPagination.value.currentPage,
-        pageSize: internalPagination.value.pageSize
+        currentPage: pagination.value.currentPage,
+        pageSize: pagination.value.pageSize
       });
     }
     const selectedCount = ref(0);
@@ -202,42 +221,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     }
     __expose({
       refresh: loadData,
-      getFilterData: () => __spreadValues({}, internalFilterModel.value),
+      getFilterData: () => __spreadValues({}, form.value),
       setFilterData: (data) => {
-        internalFilterModel.value = __spreadValues({}, data);
+        form.value = __spreadValues({}, data);
       },
       resetFilter: handleReset,
       getSelectedRows: () => {
-        var _a2;
-        return ((_a2 = tableRef.value) == null ? void 0 : _a2.getSelectionRows()) || [];
+        var _a;
+        return ((_a = tableRef.value) == null ? void 0 : _a.getSelectionRows()) || [];
       },
       clearSelection: () => {
-        var _a2;
-        (_a2 = tableRef.value) == null ? void 0 : _a2.clearSelection();
+        var _a;
+        (_a = tableRef.value) == null ? void 0 : _a.clearSelection();
       },
       toggleRowSelection: (row, selected) => {
-        var _a2;
-        (_a2 = tableRef.value) == null ? void 0 : _a2.toggleRowSelection(row, selected);
+        var _a;
+        (_a = tableRef.value) == null ? void 0 : _a.toggleRowSelection(row, selected);
       },
       sort: (prop, order) => {
-        var _a2;
-        (_a2 = tableRef.value) == null ? void 0 : _a2.sort(prop, order);
+        var _a;
+        (_a = tableRef.value) == null ? void 0 : _a.sort(prop, order);
       },
       formRef,
-      tableRef,
-      paginationRef
+      tableRef
     });
     onMounted(() => {
-      var _a2;
-      if ((_a2 = props.dataSource) == null ? void 0 : _a2.api) {
+      var _a;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
         loadData();
       }
     });
     return (_ctx, _cache) => {
+      var _a, _b;
       const _component_ElButton = resolveComponent("ElButton");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-transparent jky-page-table", [__props.className]])
+        ref_key: "pageTableRef",
+        ref: pageTableRef,
+        class: normalizeClass(["bg-transparent jky-page-table", [props.class]])
       }, [
         __props.filterItems && __props.filterItems.length > 0 ? (openBlock(), createBlock(unref(ElCard), {
           key: 0,
@@ -247,12 +268,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             createVNode(unref(JkyForm), mergeProps({
               ref_key: "formRef",
               ref: formRef,
-              modelValue: internalFilterModel.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalFilterModel.value = $event),
+              modelValue: form.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value = $event),
               items: __props.filterItems,
               inline: true,
               disabled: isLoading.value
-            }, __props.formProps), null, 16, ["modelValue", "items", "disabled"]),
+            }, __spreadProps(__spreadValues({}, __props.formProps), { inline: true })), null, 16, ["modelValue", "items", "disabled"]),
             createElementVNode("div", _hoisted_1, [
               createVNode(_component_ElButton, {
                 type: "primary",
@@ -274,25 +295,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           ]),
           _: 1
         })) : createCommentVNode("", true),
-        createVNode(unref(ElCard), { class: "jky-page-table__table-card" }, {
+        (openBlock(), createBlock(resolveDynamicComponent(props.withCard ? unref(ElCard) : "div"), { class: "jky-page-table__table-card min-h-0" }, {
           default: withCtx(() => {
-            var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+            var _a2, _b2, _c, _d, _e, _f, _g;
             return [
               createVNode(_sfc_main$1, {
                 "left-buttons": ((_a2 = props.toolbarButtons) == null ? void 0 : _a2.left) || [],
                 "batch-buttons": ((_b2 = props.toolbarButtons) == null ? void 0 : _b2.batch) || [],
-                "right-buttons": ((_c2 = props.toolbarButtons) == null ? void 0 : _c2.right) || [],
+                "right-buttons": ((_c = props.toolbarButtons) == null ? void 0 : _c.right) || [],
+                "default-buttons": defaultRightButtons.value,
                 "selected-count": selectedCount.value,
                 "toolbar-button-limit": __props.toolbarButtonLimit,
                 payload: {
-                  currentPage: internalPagination.value.currentPage,
-                  pageSize: internalPagination.value.pageSize,
-                  total: internalPagination.value.total,
+                  currentPage: ((_d = pagination.value) == null ? void 0 : _d.currentPage) || 1,
+                  pageSize: ((_e = pagination.value) == null ? void 0 : _e.pageSize) || 10,
+                  total: ((_f = pagination.value) == null ? void 0 : _f.total) || 0,
                   tableData: internalData.value,
-                  selectedRows: ((_d = tableRef.value) == null ? void 0 : _d.getSelectionRows()) || [],
-                  filterData: __spreadValues({}, internalFilterModel.value)
+                  selectedRows: ((_g = tableRef.value) == null ? void 0 : _g.getSelectionRows()) || [],
+                  filterData: __spreadValues({}, form.value)
                 }
-              }, null, 8, ["left-buttons", "batch-buttons", "right-buttons", "selected-count", "toolbar-button-limit", "payload"]),
+              }, null, 8, ["left-buttons", "batch-buttons", "right-buttons", "default-buttons", "selected-count", "toolbar-button-limit", "payload"]),
               withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps({
                 ref_key: "tableRef",
                 ref: tableRef,
@@ -341,30 +363,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 _: 3
               }, 16, ["data", "border", "stripe", "height", "max-height", "empty-text"])), [
                 [_directive_loading, isLoading.value]
-              ]),
-              showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                createVNode(unref(ElPagination), mergeProps({
-                  ref_key: "paginationRef",
-                  ref: paginationRef,
-                  "current-page": internalPagination.value.currentPage,
-                  "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => internalPagination.value.currentPage = $event),
-                  "page-size": internalPagination.value.pageSize,
-                  "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => internalPagination.value.pageSize = $event),
-                  total: internalPagination.value.total,
-                  "page-sizes": ((_e = __props.pagination) == null ? void 0 : _e.pageSizes) || [10, 20, 50, 100],
-                  layout: ((_f = __props.pagination) == null ? void 0 : _f.layout) || "total, sizes, prev, pager, next, jumper",
-                  "show-size-picker": (_h = (_g = __props.pagination) == null ? void 0 : _g.showSizePicker) != null ? _h : true,
-                  "show-total": (_j = (_i = __props.pagination) == null ? void 0 : _i.showTotal) != null ? _j : true,
-                  "show-jumper": (_l = (_k = __props.pagination) == null ? void 0 : _k.showJumper) != null ? _l : true
-                }, __props.paginationProps, {
-                  onSizeChange: handlePageSizeChange,
-                  onCurrentChange: handlePageChange
-                }), null, 16, ["current-page", "page-size", "total", "page-sizes", "layout", "show-size-picker", "show-total", "show-jumper"])
-              ])) : createCommentVNode("", true)
+              ])
             ];
           }),
           _: 3
-        })
+        })),
+        showPagination.value ? (openBlock(), createBlock(resolveDynamicComponent(((_a = pagination.value) == null ? void 0 : _a.withCard) ? unref(ElCard) : "div"), {
+          key: 1,
+          class: normalizeClass(["flex flex-end bg-white justify-center mt-4 p-2 z-30 sticky bottom-0 jky-page-table__pagination", [((_b = pagination.value) == null ? void 0 : _b.class) || ""]])
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(ElScrollbar), { class: "w-full" }, {
+              default: withCtx(() => {
+                var _a2, _b2, _c, _d, _e, _f, _g, _h;
+                return [
+                  createVNode(unref(ElPagination), mergeProps({
+                    "current-page": pagination.value.currentPage,
+                    "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => pagination.value.currentPage = $event),
+                    "page-size": pagination.value.pageSize,
+                    "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => pagination.value.pageSize = $event),
+                    total: pagination.value.total,
+                    "page-sizes": ((_a2 = pagination.value) == null ? void 0 : _a2.pageSizes) || [10, 20, 50, 100],
+                    layout: ((_b2 = pagination.value) == null ? void 0 : _b2.layout) || "total, sizes, prev, pager, next, jumper",
+                    "show-size-picker": (_d = (_c = pagination.value) == null ? void 0 : _c.showSizePicker) != null ? _d : true,
+                    "show-total": (_f = (_e = pagination.value) == null ? void 0 : _e.showTotal) != null ? _f : true,
+                    "show-jumper": (_h = (_g = pagination.value) == null ? void 0 : _g.showJumper) != null ? _h : true
+                  }, __props.paginationProps, {
+                    onSizeChange: handlePageSizeChange,
+                    onCurrentChange: handlePageChange
+                  }), null, 16, ["current-page", "page-size", "total", "page-sizes", "layout", "show-size-picker", "show-total", "show-jumper"])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/es/page-table/Toolbar.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: import('vue').DefineComponent<ToolbarProps, {
     leftButtons: ToolbarButtonConfig[];
     batchButtons: ToolbarButtonConfig[];
     rightButtons: ToolbarButtonConfig[];
+    defaultButtons: ToolbarButtonConfig[];
     selectedCount: number;
     toolbarButtonLimit: number;
     payload: {

package/dist/es/page-table/Toolbar.vue.js

@@ -17,20 +17,24 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, h } from "vue";
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, withModifiers, h } from "vue";
 import { ArrowDown as arrow_down_default } from "../node_modules/@element-plus/icons-vue/dist/index.js";
-import { ElDropdown, ElButton, ElDropdownMenu, ElDropdownItem } from "element-plus";
+import { ElDropdown, ElButton, ElIcon, ElDropdownMenu, ElDropdownItem } from "element-plus";
 import { useResponsiveToolbar } from "../utils/responsive-toolbar.js";
 const _hoisted_1 = { class: "flex items-center justify-between mb-2 py-2 jky-page-table__toolbar" };
 const _hoisted_2 = { class: "flex items-center" };
+const _hoisted_3 = { class: "flex items-center ml-2 text-gray-500" };
+const _hoisted_4 = ["title", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyPageTableToolbar"
 }), {
   __name: "Toolbar",
   props: {
+    class: {},
     leftButtons: { default: () => [] },
     batchButtons: { default: () => [] },
     rightButtons: { default: () => [] },
+    defaultButtons: { default: () => [] },
     selectedCount: { default: 0 },
     toolbarButtonLimit: { default: 0 },
     payload: { default: () => ({
@@ -96,6 +100,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       const buttons = [];
       if (props.leftButtons) {
         props.leftButtons.forEach((button, index) => {
+          const iconSpan = button.icon ? h("span", {
+            class: `${button.icon} text-[1em] inline-block`
+          }) : null;
           buttons.push(
             h(
               ElButton,
@@ -105,10 +112,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 size: button.size,
                 disabled: button.disabled,
                 plain: button.plain,
-                class: button.className,
+                class: button.class,
+                icon: iconSpan || void 0,
                 onClick: () => handleToolbarButtonClick(button)
               },
-              { default: () => button.label }
+              {
+                default: () => button.label
+              }
             )
           );
         });
@@ -126,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 key: index,
                 type: button.type,
                 disabled: button.disabled,
-                class: button.className,
+                class: button.class,
                 command: index
               },
               { default: () => button.label }
@@ -142,6 +152,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         props.rightButtons.forEach((button, index) => {
           const isVisible = index < visibleRightCount.value || !needCollapseRight.value;
           if (isVisible) {
+            const iconSpan = button.icon ? h("span", {
+              class: `${button.icon} text-[1em]`,
+              style: { display: "inline-block" }
+            }) : null;
             buttons.push(
               h(
                 ElButton,
@@ -151,10 +165,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   size: button.size,
                   disabled: button.disabled,
                   plain: button.plain,
-                  class: button.className,
+                  class: button.class,
+                  icon: iconSpan || void 0,
                   onClick: () => handleToolbarButtonClick(button)
                 },
-                { default: () => button.label }
+                {
+                  default: () => button.label
+                }
               )
             );
           }
@@ -186,7 +203,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       handleRightCommand
     });
     return (_ctx, _cache) => {
-      const _component_ElIcon = resolveComponent("ElIcon");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           (openBlock(), createBlock(resolveDynamicComponent(renderLeftButtons))),
@@ -210,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   class: normalizeClass([((_a = props.leftButtons) == null ? void 0 : _a.length) ? "ml-3" : ""])
                 }, {
                   suffix: withCtx(() => [
-                    createVNode(_component_ElIcon, { class: "text-white" }, {
+                    createVNode(unref(ElIcon), { class: "text-white" }, {
                       default: withCtx(() => [
                         createVNode(unref(arrow_down_default))
                       ]),
@@ -257,7 +273,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               })
             ]),
             _: 1
-          })) : createCommentVNode("", true)
+          })) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.defaultButtons, (button) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: button.label + button.icon
+              }, [
+                button.icon ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  title: button.label,
+                  class: normalizeClass(["text-2xl inline-flex items-center justify-center cursor-pointer hover:opacity-70 ml-1", [button.icon]]),
+                  onClick: withModifiers(($event) => handleToolbarButtonClick(button), ["stop"])
+                }, null, 10, _hoisted_4)) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ])
         ], 512)
       ]);
     };

package/dist/es/page-table/style.css

@@ -1,4 +1,2 @@
 /* PageTable 组件样式 */
-.jky-page-table {
-  /* background-color: transparent; */
-}
+.jky-page-table {}