@mineadmin/table 1.0.33 → 1.0.35

package/dist/components/tableProps.d.ts

@@ -22,39 +22,31 @@ declare const _default: {
         };
         stripe: BooleanConstructor;
         border: BooleanConstructor;
-        rowKey: PropType<string | ((row: any) => string) | undefined>;
+        rowKey: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["rowKey"]>;
         showHeader: {
             type: BooleanConstructor;
             default: boolean;
         };
         showSummary: BooleanConstructor;
         sumText: StringConstructor;
-        summaryMethod: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").SummaryMethod<any> | undefined>;
-        rowClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").ColumnCls<any> | undefined>;
-        rowStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").ColumnStyle<any> | undefined>;
-        cellClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").CellCls<any> | undefined>;
-        cellStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").CellStyle<any> | undefined>;
-        headerRowClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").ColumnCls<any> | undefined>;
-        headerRowStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").ColumnStyle<any> | undefined>;
-        headerCellClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").CellCls<any> | undefined>;
-        headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").CellStyle<any> | undefined>;
+        summaryMethod: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["summaryMethod"]>;
+        rowClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["rowClassName"]>;
+        rowStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["rowStyle"]>;
+        cellClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["cellClassName"]>;
+        cellStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["cellStyle"]>;
+        headerRowClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["headerRowClassName"]>;
+        headerRowStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["headerRowStyle"]>;
+        headerCellClassName: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["headerCellClassName"]>;
+        headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["headerCellStyle"]>;
         highlightCurrentRow: BooleanConstructor;
         currentRowKey: (NumberConstructor | StringConstructor)[];
         emptyText: StringConstructor;
-        expandRowKeys: PropType<string[] | undefined>;
+        expandRowKeys: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["expandRowKeys"]>;
         defaultExpandAll: BooleanConstructor;
-        defaultSort: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").Sort | undefined>;
+        defaultSort: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["defaultSort"]>;
         tooltipEffect: StringConstructor;
-        tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
-        spanMethod: PropType<((data: {
-            row: any;
-            rowIndex: number;
-            column: import("element-plus/es/components/table/src/table-column/defaults.mjs").TableColumnCtx<any>;
-            columnIndex: number;
-        }) => number[] | {
-            rowspan: number;
-            colspan: number;
-        } | undefined) | undefined>;
+        tooltipOptions: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["tooltipOptions"]>;
+        spanMethod: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["spanMethod"]>;
         selectOnIndeterminate: {
             type: BooleanConstructor;
             default: boolean;
@@ -64,7 +56,7 @@ declare const _default: {
             default: number;
         };
         treeProps: {
-            type: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TreeProps | undefined>;
+            type: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["treeProps"]>;
             default: () => {
                 hasChildren: string;
                 children: string;
@@ -72,7 +64,7 @@ declare const _default: {
             };
         };
         lazy: BooleanConstructor;
-        load: PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults.mjs").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
+        load: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["load"]>;
         style: {
             type: PropType<import("vue").CSSProperties>;
             default: () => {};
@@ -87,7 +79,19 @@ declare const _default: {
         };
         scrollbarAlwaysOn: BooleanConstructor;
         flexible: BooleanConstructor;
-        showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
+        showOverflowTooltip: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["showOverflowTooltip"]>;
+        tooltipFormatter: PropType<import("element-plus/es/components/table/src/table/defaults.mjs").TableProps<any>["tooltipFormatter"]>;
+        appendFilterPanelTo: StringConstructor;
+        scrollbarTabindex: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        allowDragLastColumn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preserveExpandedContent: BooleanConstructor;
+        nativeScrollbar: BooleanConstructor;
         loading: {
             type: BooleanConstructor;
             default: boolean;

package/dist/index.es.js

@@ -1,33 +1,33 @@
-import { defineComponent as $, ref as b, inject as F, onMounted as H, watch as P, onBeforeUnmount as v, computed as U, withDirectives as R, createVNode as i, mergeProps as L, vShow as q, resolveDirective as G, Fragment as k, isVNode as J, getCurrentInstance as K } from "vue";
-import { ElLoadingDirective as Q, ElPagination as W, ElTable as X, ElEmpty as Y, ElTableColumn as Z } from "element-plus";
+import { defineComponent as $, ref as h, inject as F, onMounted as H, watch as z, onBeforeUnmount as U, withDirectives as R, createVNode as i, resolveDirective as q, Fragment as k, mergeProps as x, vShow as G, isVNode as J, getCurrentInstance as K } from "vue";
+import { ElLoadingDirective as Q, ElTable as W, ElEmpty as X, ElPagination as Y, ElTableColumn as Z } from "element-plus";
 const D = $({ name: "MaTable", props: { options: { type: Object, default: () => ({}) }, columns: { type: Array, default: () => [] } }, directives: { Loading: Q }, emits: ["set-data-callback"], setup(r, { slots: e, attrs: p, emit: m, expose: w }) {
-  const t = b(r.options), d = b(r.columns), N = F("MaTableOptions"), y = b(!1), x = b(), h = () => {
+  const t = h(r.options), d = h(r.columns), N = F("MaTableOptions"), y = h(!1), T = h(), b = () => {
     const { adaptionOffsetBottom: a } = t.value, n = window.innerHeight - (a ?? 70);
     t.value.height = `${n}px`;
-  };
+  }, O = h(1);
   H(async () => {
     y.value = !0;
-  }), P(() => {
+  }), z(() => {
     var a;
     return (a = t.value) == null ? void 0 : a.adaption;
   }, (a) => {
-    a && (window.addEventListener("resize", h), h());
-  }, { immediate: !0 }), P(() => {
+    a && (window.addEventListener("resize", b), b());
+  }, { immediate: !0 }), z(() => {
     var a;
     return (a = t.value) == null ? void 0 : a.adaptionOffsetBottom;
   }, () => {
     var a;
-    (a = t.value) != null && a.adaption && h();
-  }, { immediate: !0 }), v(() => {
-    y.value = !1, window.removeEventListener("resize", h);
+    (a = t.value) != null && a.adaption && b();
+  }, { immediate: !0 }), U(() => {
+    y.value = !1, window.removeEventListener("resize", b);
   });
-  const V = U(() => {
+  const V = () => {
     var n, o;
     const { pagination: a } = t.value;
-    return R(i("div", { className: "mineadmin-pagination" }, [i("div", { class: "mineadmin-pagination-left" }, [(n = e == null ? void 0 : e.pageLeft) == null ? void 0 : n.call(e)]), (((o = t.value) == null ? void 0 : o.showPagination) ?? !1) && a && i("div", { class: "mineadmin-el-page" }, [i(W, L({ total: 0, onChange: () => {
-    } }, a, { size: (a == null ? void 0 : a.size) ?? "default", pagerCount: (a == null ? void 0 : a.pagerCount) ?? 5, layout: (a == null ? void 0 : a.layout) ?? "total, prev, pager, next, sizes, jumper" }), null)])]), [[q, e.pageLeft || a]]);
-  }), T = (a, n) => {
-    var M, A, B, z;
+    return R(i("div", { className: "mineadmin-pagination" }, [i("div", { class: "mineadmin-pagination-left" }, [(n = e == null ? void 0 : e.pageLeft) == null ? void 0 : n.call(e)]), (((o = t.value) == null ? void 0 : o.showPagination) ?? !1) && a && i("div", { class: "mineadmin-el-page" }, [i(Y, x({ total: 0, onChange: () => {
+    } }, a, { currentPage: O.value, "onUpdate:currentPage": (l) => O.value = l, size: (a == null ? void 0 : a.size) ?? "default", pagerCount: (a == null ? void 0 : a.pagerCount) ?? 5, layout: (a == null ? void 0 : a.layout) ?? "total, prev, pager, next, sizes, jumper" }), null)])]), [[G, e.pageLeft || a]]);
+  }, j = (a, n) => {
+    var M, A, B, c;
     if (a != null && a.hide && (a == null ? void 0 : a.hide) instanceof Function && a.hide(p) || a != null && a.hide && typeof (a == null ? void 0 : a.hide) == "boolean" && a.hide) return;
     const o = typeof a.prop == "function" ? a.prop(n) : a.prop;
     let l = { default: (s) => {
@@ -40,34 +40,34 @@ const D = $({ name: "MaTable", props: { options: { type: Object, default: () =>
       var u;
       return (u = e == null ? void 0 : e.filterIcon) == null ? void 0 : u.call(e, s);
     } };
-    const { label: O, prop: _, children: c, cellRender: aa, headerRender: ea, ...S } = a;
-    return c && c.length > 0 && (l.default = () => c == null ? void 0 : c.map(T)), i(Z, L({ key: n }, S, { label: typeof O == "function" ? O() : O, prop: o, align: (a == null ? void 0 : a.align) ?? ((M = t.value) == null ? void 0 : M.columnAlign) ?? "center", headerAlign: (a == null ? void 0 : a.align) ?? ((A = t.value) == null ? void 0 : A.columnAlign) ?? (a == null ? void 0 : a.headerAlign) ?? ((B = t.value) == null ? void 0 : B.headerAlign) ?? "center", showOverflowTooltip: (a == null ? void 0 : a.showOverflowTooltip) ?? ((z = t.value) == null ? void 0 : z.showOverflowTooltip) ?? !0 }), typeof (C = l) == "function" || Object.prototype.toString.call(C) === "[object Object]" && !J(C) ? l : { default: () => [l] });
-    var C;
+    const { label: C, prop: _, children: v, cellRender: aa, headerRender: ea, ...S } = a;
+    return v && v.length > 0 && (l.default = () => v == null ? void 0 : v.map(j)), i(Z, x({ key: n }, S, { label: typeof C == "function" ? C() : C, prop: o, align: (a == null ? void 0 : a.align) ?? ((M = t.value) == null ? void 0 : M.columnAlign) ?? "center", headerAlign: (a == null ? void 0 : a.align) ?? ((A = t.value) == null ? void 0 : A.columnAlign) ?? (a == null ? void 0 : a.headerAlign) ?? ((B = t.value) == null ? void 0 : B.headerAlign) ?? "center", showOverflowTooltip: (a == null ? void 0 : a.showOverflowTooltip) ?? ((c = t.value) == null ? void 0 : c.showOverflowTooltip) ?? !0 }), typeof (L = l) == "function" || Object.prototype.toString.call(L) === "[object Object]" && !J(L) ? l : { default: () => [l] });
+    var L;
   }, I = () => {
     const { on: a, pagination: n, ...o } = t.value;
-    return i(k, null, [i(X, L({ ref: x }, a, o, p), { default: () => {
+    return i(k, null, [i(W, x({ ref: T }, a, o, p), { default: () => {
       var l;
-      return [i(k, null, [(l = d.value) == null ? void 0 : l.map(T)])];
+      return [i(k, null, [(l = d.value) == null ? void 0 : l.map(j)])];
     }, append: () => {
       var l;
       return (l = e.append) == null ? void 0 : l.call(e);
     }, empty: () => {
       var l;
-      return ((l = e.empty) == null ? void 0 : l.call(e)) ?? i(Y, null, null);
-    } }), V.value]);
-  }, j = () => {
+      return ((l = e.empty) == null ? void 0 : l.call(e)) ?? i(X, null, null);
+    } }), V()]);
+  }, P = () => {
     const { loading: a, loadingConfig: n, height: o, maxHeight: l } = t.value;
-    return R(i("div", { className: "mineadmin-table", "element-loading-svg": (n == null ? void 0 : n.svg) ?? '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"/></svg>', "element-loading-svg-view-box": (n == null ? void 0 : n.viewBox) ?? "-9, -9, 50, 50", "element-loading-text": (n == null ? void 0 : n.text) ?? null, "element-loading-spinner": (n == null ? void 0 : n.spinner) ?? null, "element-loading-background": (n == null ? void 0 : n.spinner) ?? null, "element-loading-custom-class": (n == null ? void 0 : n.customClass) ?? null }, [I()]), [[G("loading"), a]]);
+    return R(i("div", { className: "mineadmin-table", "element-loading-svg": (n == null ? void 0 : n.svg) ?? '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"/></svg>', "element-loading-svg-view-box": (n == null ? void 0 : n.viewBox) ?? "-9, -9, 50, 50", "element-loading-text": (n == null ? void 0 : n.text) ?? null, "element-loading-spinner": (n == null ? void 0 : n.spinner) ?? null, "element-loading-background": (n == null ? void 0 : n.spinner) ?? null, "element-loading-custom-class": (n == null ? void 0 : n.customClass) ?? null }, [I()]), [[q("loading"), a]]);
   }, E = (a) => d.value = a;
   return w({ setData: (a) => {
     t.value.data = a, m("set-data-callback", a);
   }, setPagination: (a) => {
     var n;
     return t.value.pagination = Object.assign(((n = t.value) == null ? void 0 : n.pagination) ?? {}, a);
-  }, setLoadingState: (a) => t.value.loading = a, setOptions: (a) => t.value = Object.assign(t.value, a), getOptions: () => t.value, setColumns: E, getColumns: () => d.value, appendColumn: (a) => d.value.push(a), removeColumn: (a) => E(d.value.filter((n, o) => (typeof n.prop == "function" ? n.prop(o) : n.prop) !== a)), getColumnByProp: (a) => {
+  }, setCurrentPage: (a) => O.value = a, setLoadingState: (a) => t.value.loading = a, setOptions: (a) => t.value = Object.assign(t.value, a), getOptions: () => t.value, setColumns: E, getColumns: () => d.value, appendColumn: (a) => d.value.push(a), removeColumn: (a) => E(d.value.filter((n, o) => (typeof n.prop == "function" ? n.prop(o) : n.prop) !== a)), getColumnByProp: (a) => {
     var n;
     return ((n = d.value.filter((o, l) => (typeof o.prop == "function" ? o.prop(l) : o.prop) === a)) == null ? void 0 : n[0]) ?? null;
-  }, getElTableRef: () => x.value }), () => N.ssr ? y.value && j() : j();
+  }, getElTableRef: () => T.value }), () => N.ssr ? y.value && P() : P();
 } });
 function la(r) {
   return new Promise(async (e, p) => {

package/dist/index.umd.js

@@ -1 +1 @@
-(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],o):o((r=typeof globalThis<"u"?globalThis:r||self).MaTable={},r.Vue,r.ElementPlus)})(this,function(r,o,m){"use strict";const C=o.defineComponent({name:"MaTable",props:{options:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]}},directives:{Loading:m.ElLoadingDirective},emits:["set-data-callback"],setup(u,{slots:t,attrs:d,emit:g,expose:w}){const l=o.ref(u.options),c=o.ref(u.columns),B=o.inject("MaTableOptions"),y=o.ref(!1),x=o.ref(),b=()=>{const{adaptionOffsetBottom:e}=l.value,a=window.innerHeight-(e??70);l.value.height=`${a}px`};o.onMounted(async()=>{y.value=!0}),o.watch(()=>{var e;return(e=l.value)==null?void 0:e.adaption},e=>{e&&(window.addEventListener("resize",b),b())},{immediate:!0}),o.watch(()=>{var e;return(e=l.value)==null?void 0:e.adaptionOffsetBottom},()=>{var e;(e=l.value)!=null&&e.adaption&&b()},{immediate:!0}),o.onBeforeUnmount(()=>{y.value=!1,window.removeEventListener("resize",b)});const z=o.computed(()=>{var a,n;const{pagination:e}=l.value;return o.withDirectives(o.createVNode("div",{className:"mineadmin-pagination"},[o.createVNode("div",{class:"mineadmin-pagination-left"},[(a=t==null?void 0:t.pageLeft)==null?void 0:a.call(t)]),(((n=l.value)==null?void 0:n.showPagination)??!1)&&e&&o.createVNode("div",{class:"mineadmin-el-page"},[o.createVNode(m.ElPagination,o.mergeProps({total:0,onChange:()=>{}},e,{size:(e==null?void 0:e.size)??"default",pagerCount:(e==null?void 0:e.pagerCount)??5,layout:(e==null?void 0:e.layout)??"total, prev, pager, next, sizes, jumper"}),null)])]),[[o.vShow,t.pageLeft||e]])}),L=(e,a)=>{var M,E,P,A;if(e!=null&&e.hide&&(e==null?void 0:e.hide)instanceof Function&&e.hide(d)||e!=null&&e.hide&&typeof(e==null?void 0:e.hide)=="boolean"&&e.hide)return;const n=typeof e.prop=="function"?e.prop(a):e.prop;let i={default:s=>{var p,f,h;return((p=e==null?void 0:e.cellRender)==null?void 0:p.call(e,Object.assign(s,{options:l.value,attrs:d})))??((f=t==null?void 0:t[`column-${n}`])==null?void 0:f.call(t,s))??((h=t==null?void 0:t.default)==null?void 0:h.call(t,s))},header:s=>{var p,f,h;return((p=e==null?void 0:e.headerRender)==null?void 0:p.call(e,Object.assign(s,{options:l.value,attrs:d})))??((f=t==null?void 0:t[`header-${n}`])==null?void 0:f.call(t,s))??((h=t==null?void 0:t.header)==null?void 0:h.call(t,s))},filterIcon:s=>{var p;return(p=t==null?void 0:t.filterIcon)==null?void 0:p.call(t,s)}};const{label:O,prop:S,children:v,cellRender:k,headerRender:H,...R}=e;return v&&v.length>0&&(i.default=()=>v==null?void 0:v.map(L)),o.createVNode(m.ElTableColumn,o.mergeProps({key:a},R,{label:typeof O=="function"?O():O,prop:n,align:(e==null?void 0:e.align)??((M=l.value)==null?void 0:M.columnAlign)??"center",headerAlign:(e==null?void 0:e.align)??((E=l.value)==null?void 0:E.columnAlign)??(e==null?void 0:e.headerAlign)??((P=l.value)==null?void 0:P.headerAlign)??"center",showOverflowTooltip:(e==null?void 0:e.showOverflowTooltip)??((A=l.value)==null?void 0:A.showOverflowTooltip)??!0}),typeof(T=i)=="function"||Object.prototype.toString.call(T)==="[object Object]"&&!o.isVNode(T)?i:{default:()=>[i]});var T},D=()=>{const{on:e,pagination:a,...n}=l.value;return o.createVNode(o.Fragment,null,[o.createVNode(m.ElTable,o.mergeProps({ref:x},e,n,d),{default:()=>{var i;return[o.createVNode(o.Fragment,null,[(i=c.value)==null?void 0:i.map(L)])]},append:()=>{var i;return(i=t.append)==null?void 0:i.call(t)},empty:()=>{var i;return((i=t.empty)==null?void 0:i.call(t))??o.createVNode(m.ElEmpty,null,null)}}),z.value])},N=()=>{const{loading:e,loadingConfig:a,height:n,maxHeight:i}=l.value;return o.withDirectives(o.createVNode("div",{className:"mineadmin-table","element-loading-svg":(a==null?void 0:a.svg)??'<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"/></svg>',"element-loading-svg-view-box":(a==null?void 0:a.viewBox)??"-9, -9, 50, 50","element-loading-text":(a==null?void 0:a.text)??null,"element-loading-spinner":(a==null?void 0:a.spinner)??null,"element-loading-background":(a==null?void 0:a.spinner)??null,"element-loading-custom-class":(a==null?void 0:a.customClass)??null},[D()]),[[o.resolveDirective("loading"),e]])},j=e=>c.value=e;return w({setData:e=>{l.value.data=e,g("set-data-callback",e)},setPagination:e=>{var a;return l.value.pagination=Object.assign(((a=l.value)==null?void 0:a.pagination)??{},e)},setLoadingState:e=>l.value.loading=e,setOptions:e=>l.value=Object.assign(l.value,e),getOptions:()=>l.value,setColumns:j,getColumns:()=>c.value,appendColumn:e=>c.value.push(e),removeColumn:e=>j(c.value.filter((a,n)=>(typeof a.prop=="function"?a.prop(n):a.prop)!==e)),getColumnByProp:e=>{var a;return((a=c.value.filter((n,i)=>(typeof n.prop=="function"?n.prop(i):n.prop)===e))==null?void 0:a[0])??null},getElTableRef:()=>x.value}),()=>B.ssr?y.value&&N():N()}}),V={install(u,t){u.component(C.name,C),u.provide("MaTableOptions",t??{ssr:!1})}};r.MaTable=V,r.default=V,r.useTable=function(u){return new Promise(async(t,d)=>{const g=o.getCurrentInstance();o.onMounted(async()=>{if(g&&g.refs[u]){const w=g.refs[u];t({...w})}else d("[@mineadmin/table]: not found ref for ma-table component")})})},Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],o):o((r=typeof globalThis<"u"?globalThis:r||self).MaTable={},r.Vue,r.ElementPlus)})(this,function(r,o,g){"use strict";const V=o.defineComponent({name:"MaTable",props:{options:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]}},directives:{Loading:g.ElLoadingDirective},emits:["set-data-callback"],setup(u,{slots:t,attrs:d,emit:m,expose:w}){const l=o.ref(u.options),c=o.ref(u.columns),z=o.inject("MaTableOptions"),y=o.ref(!1),L=o.ref(),b=()=>{const{adaptionOffsetBottom:e}=l.value,a=window.innerHeight-(e??70);l.value.height=`${a}px`},O=o.ref(1);o.onMounted(async()=>{y.value=!0}),o.watch(()=>{var e;return(e=l.value)==null?void 0:e.adaption},e=>{e&&(window.addEventListener("resize",b),b())},{immediate:!0}),o.watch(()=>{var e;return(e=l.value)==null?void 0:e.adaptionOffsetBottom},()=>{var e;(e=l.value)!=null&&e.adaption&&b()},{immediate:!0}),o.onBeforeUnmount(()=>{y.value=!1,window.removeEventListener("resize",b)});const D=()=>{var a,n;const{pagination:e}=l.value;return o.withDirectives(o.createVNode("div",{className:"mineadmin-pagination"},[o.createVNode("div",{class:"mineadmin-pagination-left"},[(a=t==null?void 0:t.pageLeft)==null?void 0:a.call(t)]),(((n=l.value)==null?void 0:n.showPagination)??!1)&&e&&o.createVNode("div",{class:"mineadmin-el-page"},[o.createVNode(g.ElPagination,o.mergeProps({total:0,onChange:()=>{}},e,{currentPage:O.value,"onUpdate:currentPage":i=>O.value=i,size:(e==null?void 0:e.size)??"default",pagerCount:(e==null?void 0:e.pagerCount)??5,layout:(e==null?void 0:e.layout)??"total, prev, pager, next, sizes, jumper"}),null)])]),[[o.vShow,t.pageLeft||e]])},N=(e,a)=>{var M,E,A,B;if(e!=null&&e.hide&&(e==null?void 0:e.hide)instanceof Function&&e.hide(d)||e!=null&&e.hide&&typeof(e==null?void 0:e.hide)=="boolean"&&e.hide)return;const n=typeof e.prop=="function"?e.prop(a):e.prop;let i={default:s=>{var p,f,h;return((p=e==null?void 0:e.cellRender)==null?void 0:p.call(e,Object.assign(s,{options:l.value,attrs:d})))??((f=t==null?void 0:t[`column-${n}`])==null?void 0:f.call(t,s))??((h=t==null?void 0:t.default)==null?void 0:h.call(t,s))},header:s=>{var p,f,h;return((p=e==null?void 0:e.headerRender)==null?void 0:p.call(e,Object.assign(s,{options:l.value,attrs:d})))??((f=t==null?void 0:t[`header-${n}`])==null?void 0:f.call(t,s))??((h=t==null?void 0:t.header)==null?void 0:h.call(t,s))},filterIcon:s=>{var p;return(p=t==null?void 0:t.filterIcon)==null?void 0:p.call(t,s)}};const{label:C,prop:k,children:v,cellRender:H,headerRender:F,...S}=e;return v&&v.length>0&&(i.default=()=>v==null?void 0:v.map(N)),o.createVNode(g.ElTableColumn,o.mergeProps({key:a},S,{label:typeof C=="function"?C():C,prop:n,align:(e==null?void 0:e.align)??((M=l.value)==null?void 0:M.columnAlign)??"center",headerAlign:(e==null?void 0:e.align)??((E=l.value)==null?void 0:E.columnAlign)??(e==null?void 0:e.headerAlign)??((A=l.value)==null?void 0:A.headerAlign)??"center",showOverflowTooltip:(e==null?void 0:e.showOverflowTooltip)??((B=l.value)==null?void 0:B.showOverflowTooltip)??!0}),typeof(T=i)=="function"||Object.prototype.toString.call(T)==="[object Object]"&&!o.isVNode(T)?i:{default:()=>[i]});var T},R=()=>{const{on:e,pagination:a,...n}=l.value;return o.createVNode(o.Fragment,null,[o.createVNode(g.ElTable,o.mergeProps({ref:L},e,n,d),{default:()=>{var i;return[o.createVNode(o.Fragment,null,[(i=c.value)==null?void 0:i.map(N)])]},append:()=>{var i;return(i=t.append)==null?void 0:i.call(t)},empty:()=>{var i;return((i=t.empty)==null?void 0:i.call(t))??o.createVNode(g.ElEmpty,null,null)}}),D()])},P=()=>{const{loading:e,loadingConfig:a,height:n,maxHeight:i}=l.value;return o.withDirectives(o.createVNode("div",{className:"mineadmin-table","element-loading-svg":(a==null?void 0:a.svg)??'<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"/></svg>',"element-loading-svg-view-box":(a==null?void 0:a.viewBox)??"-9, -9, 50, 50","element-loading-text":(a==null?void 0:a.text)??null,"element-loading-spinner":(a==null?void 0:a.spinner)??null,"element-loading-background":(a==null?void 0:a.spinner)??null,"element-loading-custom-class":(a==null?void 0:a.customClass)??null},[R()]),[[o.resolveDirective("loading"),e]])},j=e=>c.value=e;return w({setData:e=>{l.value.data=e,m("set-data-callback",e)},setPagination:e=>{var a;return l.value.pagination=Object.assign(((a=l.value)==null?void 0:a.pagination)??{},e)},setCurrentPage:e=>O.value=e,setLoadingState:e=>l.value.loading=e,setOptions:e=>l.value=Object.assign(l.value,e),getOptions:()=>l.value,setColumns:j,getColumns:()=>c.value,appendColumn:e=>c.value.push(e),removeColumn:e=>j(c.value.filter((a,n)=>(typeof a.prop=="function"?a.prop(n):a.prop)!==e)),getColumnByProp:e=>{var a;return((a=c.value.filter((n,i)=>(typeof n.prop=="function"?n.prop(i):n.prop)===e))==null?void 0:a[0])??null},getElTableRef:()=>L.value}),()=>z.ssr?y.value&&P():P()}}),x={install(u,t){u.component(V.name,V),u.provide("MaTableOptions",t??{ssr:!1})}};r.MaTable=x,r.default=x,r.useTable=function(u){return new Promise(async(t,d)=>{const m=o.getCurrentInstance();o.onMounted(async()=>{if(m&&m.refs[u]){const w=m.refs[u];t({...w})}else d("[@mineadmin/table]: not found ref for ma-table component")})})},Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/index.d.ts

@@ -1,15 +1,16 @@
-import { MaTableColumns, TableColumnFilterPlacement, TableColumnSortOrders, TableColumnSortable, TableColumnRenderer, TableColumnFixed, TableColumnScope, TableColumnType, TableColumn } from './table-column';
-import { MaTableOptions, MaTableSetting } from './table-options';
-import { LoadingConfig } from './loading-config';
-import { PaginationProps } from './pagination';
-import { Ref } from 'vue';
-import { ElTable } from 'element-plus';
-type MaTableInstallOptions = {
+import type { Ref } from 'vue';
+import type { ElTable } from 'element-plus';
+import type { MaTableColumns, TableColumn, TableColumnFilterPlacement, TableColumnFixed, TableColumnRenderer, TableColumnScope, TableColumnSortOrders, TableColumnSortable, TableColumnType } from './table-column';
+import type { MaTableOptions, MaTableSetting } from './table-options';
+import type { LoadingConfig } from './loading-config';
+import type { PaginationProps } from './pagination';
+interface MaTableInstallOptions {
     ssr?: boolean;
-};
+}
 interface MaTableExpose {
     setData: (data: any[]) => void;
     setPagination: (pagination: PaginationProps) => void;
+    setCurrentPage: (pager: number) => void;
     setLoadingState: (loading: boolean) => void;
     setOptions: (opts: MaTableOptions) => void;
     getOptions: () => MaTableOptions;

package/dist/types/table-options.d.ts

@@ -1,7 +1,7 @@
-import { PaginationProps, LoadingConfig } from './index';
-import { MaTableColumns } from './table-column';
-import type { TableColumnCtx, SummaryMethod, ColumnStyle, ColumnCls, CellStyle, TreeNode, CellCls, Sort } from 'element-plus';
+import type { CellCls, CellStyle, ColumnCls, ColumnStyle, Sort, SummaryMethod, TableColumnCtx, TreeNode } from 'element-plus';
 import type { TableOverflowTooltipOptions } from 'element-plus/es/components/table/src/util';
+import type { MaTableColumns } from './table-column';
+import type { LoadingConfig, PaginationProps } from './index';
 export interface ExtraOptions {
     containerHeight?: string;
     loading?: boolean;

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "@mineadmin/table",
-  "version": "1.0.33",
-  "packageManager": "pnpm@8.6.10",
-  "description": "基于element plus的表格组件，进行封装，提供方便、灵活的配置和使用方式",
-  "keywords": [
-    "@mineadmin/table",
-    "element-plus",
-    "typescript",
-    "el-table",
-    "nuxt3",
-    "vue3",
-    "vite",
-    "tsx"
-  ],
-  "homepage": "https://github.com/mineadmin/mineadmin-table/tree/main/#readme",
-  "bugs": {
-    "url": "https://github.com/mineadmin/mineadmin-table/issues"
-  },
-  "license": "MIT",
-  "author": "kanyxmo",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/mineadmin/mineadmin-table.git"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "main": "dist/index.umd.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "jsdelivr": "dist/index.umd.js",
-  "unpkg": "dist/index.umd.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
-    },
-    "./volar": {
-      "types": "./volar.d.ts"
-    },
-    "./*": "./*"
-  },
-  "files": [
-    "dist",
-    "volar.d.ts"
-  ],
-  "style": "dist/index.css",
-  "sideEffects": false,
-  "scripts": {
-    "dev": "vite",
-    "test": "vitest run",
-    "build": "vite build",
-    "preview": "vite preview",
-    "lib": "vite build && vue-tsc -p tsconfig.build.json",
-    "lint": "prettier --write  \"packages/**/*.{ts,tsx}\" \"__tests__/table.test.tsx\" \"src/*.{ts,tsx,vue}\"",
-    "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.js",
-    "lint:pretty": "pretty-quick --staged"
-  },
-  "peerDependencies": {
-    "element-plus": "^2.0.0"
-  },
-  "dependencies": {
-    "element-plus": "^2.8.1",
-    "vue": "^3.4.31"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^2.25.1",
-    "@commitlint/cli": "^18.4.3",
-    "@commitlint/config-conventional": "^18.4.3",
-    "@commitlint/types": "^18.4.3",
-    "@intlify/unplugin-vue-i18n": "^2.0.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@types/node": "^20.10.5",
-    "@vitejs/plugin-vue": "^4.4.1",
-    "@vitejs/plugin-vue-jsx": "^3.0.2",
-    "@vue/test-utils": "^2.4.3",
-    "@vueuse/core": "^10.11.0",
-    "@vueuse/integrations": "^10.11.0",
-    "sortablejs": "1.15.2",
-    "eslint": "^9.7.0",
-    "husky": "^8.0.3",
-    "jsdom": "^23.0.1",
-    "lint-staged": "^15.2.0",
-    "prettier": "^3.1.1",
-    "rollup": "^4.3.0",
-    "sass": "^1.77.8",
-    "sass-loader": "^13.3.2",
-    "typescript": "^5.3.3",
-    "vite": "5.3.3",
-    "vite-svg-loader": "^5.1.0",
-    "vitest": "0.34.6",
-    "vue-i18n": "^9.13.1",
-    "vue-router": "^4.4.2",
-    "vue-tsc": "^2.0.26"
-  },
-  "pnpm": {
-    "peerDependencyRules": {
-      "ignoreMissing": [
-        "webpack"
-      ]
-    }
-  }
+{
+  "name": "@mineadmin/table",
+  "version": "1.0.35",
+  "packageManager": "pnpm@8.6.10",
+  "description": "基于element plus的表格组件，进行封装，提供方便、灵活的配置和使用方式",
+  "keywords": [
+    "@mineadmin/table",
+    "element-plus",
+    "typescript",
+    "el-table",
+    "nuxt3",
+    "vue3",
+    "vite",
+    "tsx"
+  ],
+  "homepage": "https://github.com/mineadmin/mineadmin-table/tree/main/#readme",
+  "bugs": {
+    "url": "https://github.com/mineadmin/mineadmin-table/issues"
+  },
+  "license": "MIT",
+  "author": "kanyxmo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mineadmin/mineadmin-table.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "jsdelivr": "dist/index.umd.js",
+  "unpkg": "dist/index.umd.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./volar": {
+      "types": "./volar.d.ts"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "dist",
+    "volar.d.ts"
+  ],
+  "style": "dist/index.css",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "test": "vitest run",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lib": "vite build && vue-tsc -p tsconfig.build.json",
+    "lint": "prettier --write  \"packages/**/*.{ts,tsx}\" \"__tests__/table.test.tsx\" \"src/*.{ts,tsx,vue}\"",
+    "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.js",
+    "lint:pretty": "pretty-quick --staged"
+  },
+  "peerDependencies": {
+    "element-plus": "^2.0.0"
+  },
+  "dependencies": {
+    "element-plus": "^2.11.2",
+    "vue": "^3.5.21"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.27.3",
+    "@commitlint/cli": "^18.6.1",
+    "@commitlint/config-conventional": "^18.6.3",
+    "@commitlint/types": "^18.6.1",
+    "@intlify/unplugin-vue-i18n": "^2.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@types/node": "^20.19.17",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vueuse/core": "^10.11.1",
+    "@vueuse/integrations": "^10.11.1",
+    "eslint": "^9.35.0",
+    "husky": "^8.0.3",
+    "jsdom": "^23.2.0",
+    "lint-staged": "^15.5.2",
+    "prettier": "^3.6.2",
+    "rollup": "^4.50.2",
+    "sass": "^1.92.1",
+    "sass-loader": "^13.3.3",
+    "sortablejs": "1.15.2",
+    "typescript": "^5.9.2",
+    "vite": "5.3.3",
+    "vite-svg-loader": "^5.1.0",
+    "vitest": "0.34.6",
+    "vue-i18n": "^9.14.5",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^2.2.12"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "webpack"
+      ]
+    }
+  }
 }

package/dist/components/index.d.ts

@@ -1,28 +0,0 @@
-import type { PropType } from 'vue';
-import { MaTableOptions, MaTableColumns } from '../types';
-import '../style/index.scss';
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<MaTableOptions>;
-        default: () => {};
-    };
-    columns: {
-        type: PropType<MaTableColumns[]>;
-        default: () => any[];
-    };
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "set-data-callback"[], "set-data-callback", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: PropType<MaTableOptions>;
-        default: () => {};
-    };
-    columns: {
-        type: PropType<MaTableColumns[]>;
-        default: () => any[];
-    };
-}>> & {
-    "onSet-data-callback"?: (...args: any[]) => any;
-}, {
-    columns: MaTableColumns[];
-    options: {};
-}, {}>;
-export default _default;