jky-component-lib 0.0.60 → 0.0.64

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

@@ -39,28 +39,22 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/loading/style/css");
-require("element-plus/es/components/button/style/css");
 const vue = require("vue");
+const core = require("@vueuse/core");
 const ElementPlus = require("element-plus");
 const index = require("../form/index.js");
 const Toolbar_vue_vue_type_script_setup_true_lang = require("./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__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyPageTable"
 }), {
   __name: "PageTable",
-  props: {
+  props: /* @__PURE__ */ vue.mergeModels({
+    withCard: { type: Boolean, default: true },
     title: { default: "" },
     filterItems: { default: () => [] },
-    filterModel: { default: () => ({}) },
+    form: {},
     columns: {},
     dataSource: {},
     showSearchButton: { type: Boolean, default: true },
@@ -75,121 +69,142 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     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__ */ vue.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 = vue.ref(__spreadValues({}, props.filterModel));
+    const form = vue.useModel(__props, "form");
+    const pagination = vue.useModel(__props, "pagination");
     const internalData = vue.ref([]);
-    const internalPagination = vue.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 = vue.ref(null);
     const formRef = vue.ref(null);
-    const paginationRef = vue.ref(null);
     const isLoading = vue.ref(props.loading);
+    const pageTableRef = vue.ref(null);
+    const { isFullscreen: _isFullscreen, toggle: toggleFullscreen } = core.useFullscreen(pageTableRef);
+    function handleRefresh() {
+      var _a;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      } else {
+        emit("refresh");
+      }
+    }
+    const defaultRightButtons = vue.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 = vue.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);
     }
-    vue.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 = vue.ref(0);
@@ -208,42 +223,44 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     }
     __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
     });
     vue.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) => {
-      const _component_ElButton = es.ElButton;
-      const _directive_loading = es.ElLoadingDirective;
+      var _a, _b;
+      const _component_ElButton = vue.resolveComponent("ElButton");
+      const _directive_loading = vue.resolveDirective("loading");
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bg-transparent jky-page-table", [__props.className]])
+        ref_key: "pageTableRef",
+        ref: pageTableRef,
+        class: vue.normalizeClass(["bg-transparent jky-page-table", [props.class]])
       }, [
         __props.filterItems && __props.filterItems.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
           key: 0,
@@ -253,12 +270,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             vue.createVNode(vue.unref(index.JkyForm), vue.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"]),
             vue.createElementVNode("div", _hoisted_1, [
               vue.createVNode(_component_ElButton, {
                 type: "primary",
@@ -280,25 +297,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(ElementPlus.ElCard), { class: "jky-page-table__table-card" }, {
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.withCard ? vue.unref(ElementPlus.ElCard) : "div"), { class: "jky-page-table__table-card min-h-0" }, {
           default: vue.withCtx(() => {
-            var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+            var _a2, _b2, _c, _d, _e, _f, _g;
             return [
               vue.createVNode(Toolbar_vue_vue_type_script_setup_true_lang.default, {
                 "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"]),
               vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTable), vue.mergeProps({
                 ref_key: "tableRef",
                 ref: tableRef,
@@ -347,30 +365,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 _: 3
               }, 16, ["data", "border", "stripe", "height", "max-height", "empty-text"])), [
                 [_directive_loading, isLoading.value]
-              ]),
-              showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                vue.createVNode(vue.unref(ElementPlus.ElPagination), vue.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"])
-              ])) : vue.createCommentVNode("", true)
+              ])
             ];
           }),
           _: 3
-        })
+        })),
+        showPagination.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(((_a = pagination.value) == null ? void 0 : _a.withCard) ? vue.unref(ElementPlus.ElCard) : "div"), {
+          key: 1,
+          class: vue.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: vue.withCtx(() => [
+            vue.createVNode(vue.unref(ElementPlus.ElScrollbar), { class: "w-full" }, {
+              default: vue.withCtx(() => {
+                var _a2, _b2, _c, _d, _e, _f, _g, _h;
+                return [
+                  vue.createVNode(vue.unref(ElementPlus.ElPagination), vue.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"])) : vue.createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/lib/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/lib/page-table/Toolbar.vue.js

@@ -19,23 +19,24 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/icon/style/css");
 const vue = require("vue");
 const index = require("../node_modules/@element-plus/icons-vue/dist/index.js");
 const ElementPlus = require("element-plus");
 const responsiveToolbar = require("../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__ */ vue.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: () => ({
@@ -101,6 +102,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       const buttons = [];
       if (props.leftButtons) {
         props.leftButtons.forEach((button, index2) => {
+          const iconSpan = button.icon ? vue.h("span", {
+            class: `${button.icon} text-[1em] inline-block`
+          }) : null;
           buttons.push(
             vue.h(
               ElementPlus.ElButton,
@@ -110,10 +114,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 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
+              }
             )
           );
         });
@@ -131,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 key: index2,
                 type: button.type,
                 disabled: button.disabled,
-                class: button.className,
+                class: button.class,
                 command: index2
               },
               { default: () => button.label }
@@ -147,6 +154,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         props.rightButtons.forEach((button, index2) => {
           const isVisible = index2 < visibleRightCount.value || !needCollapseRight.value;
           if (isVisible) {
+            const iconSpan = button.icon ? vue.h("span", {
+              class: `${button.icon} text-[1em]`,
+              style: { display: "inline-block" }
+            }) : null;
             buttons.push(
               vue.h(
                 ElementPlus.ElButton,
@@ -156,10 +167,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                   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
+                }
               )
             );
           }
@@ -191,7 +205,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       handleRightCommand
     });
     return (_ctx, _cache) => {
-      const _component_ElIcon = es.ElIcon;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderLeftButtons))),
@@ -215,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                   class: vue.normalizeClass([((_a = props.leftButtons) == null ? void 0 : _a.length) ? "ml-3" : ""])
                 }, {
                   suffix: vue.withCtx(() => [
-                    vue.createVNode(_component_ElIcon, { class: "text-white" }, {
+                    vue.createVNode(vue.unref(ElementPlus.ElIcon), { class: "text-white" }, {
                       default: vue.withCtx(() => [
                         vue.createVNode(vue.unref(index.ArrowDown))
                       ]),
@@ -262,7 +275,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               })
             ]),
             _: 1
-          })) : vue.createCommentVNode("", true)
+          })) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_3, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.defaultButtons, (button) => {
+              return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                key: button.label + button.icon
+              }, [
+                button.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  title: button.label,
+                  class: vue.normalizeClass(["text-2xl inline-flex items-center justify-center cursor-pointer hover:opacity-70 ml-1", [button.icon]]),
+                  onClick: vue.withModifiers(($event) => handleToolbarButtonClick(button), ["stop"])
+                }, null, 10, _hoisted_4)) : vue.createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ])
         ], 512)
       ]);
     };

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

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

package/dist/lib/rich-editor/RichEditor.vue.js

@@ -20,7 +20,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Editor = require("../node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js");
+const Editor = require("@tinymce/tinymce-vue");
 const _hoisted_1 = { class: "jky-rich-editor" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyRichEditor"
@@ -85,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(Editor.Editor), {
+        vue.createVNode(vue.unref(Editor), {
           ref_key: "editorRef",
           ref: editorRef,
           modelValue: modelValue.value,