@mineadmin/table 1.0.35 → 1.0.39

package/dist/index.d.ts

@@ -5,5 +5,5 @@ export declare const MaTable: {
     install(app: App, options?: MaTableInstallOptions): void;
 };
 export default MaTable;
-export { useTable };
+export { useTable, };
 export type { MaTableInstallOptions, MaTableSetting, MaTableOptions, MaTableExpose, MaTableColumns, PaginationProps, LoadingConfig, TableColumnFilterPlacement, TableColumnSortOrders, TableColumnSortable, TableColumnRenderer, TableColumnScope, TableColumnFixed, TableColumnType, TableColumn, } from './types';

package/dist/index.es.js

@@ -1,90 +1,96 @@
-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 { defineComponent as $, inject as F, ref as h, onMounted as N, watch as z, onBeforeUnmount as U, withDirectives as R, createVNode as i, resolveDirective as q, Fragment as D, 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 = 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;
+const H = $({ name: "MaTable", props: { options: { type: Object, default: () => ({}) }, columns: { type: Array, default: () => [] } }, directives: { Loading: Q }, emits: ["set-data-callback"], setup(s, { slots: a, attrs: p, emit: c, expose: O }) {
+  const b = F("MaTableOptions"), n = h({});
+  Object.keys(s.options).map((e) => {
+    var t;
+    n.value[e] = Object.assign(((t = b == null ? void 0 : b.options) == null ? void 0 : t[e]) ?? {}, s.options[e]);
+  });
+  const d = h(s.columns), C = h(!1), T = h(), w = () => {
+    const { adaptionOffsetBottom: e } = n.value, t = window.innerHeight - (e ?? 70);
+    n.value.height = `${t}px`;
+  }, y = h(1);
+  N(async () => {
+    C.value = !0;
   }), z(() => {
-    var a;
-    return (a = t.value) == null ? void 0 : a.adaption;
-  }, (a) => {
-    a && (window.addEventListener("resize", b), b());
+    var e;
+    return (e = n.value) == null ? void 0 : e.adaption;
+  }, (e) => {
+    e && (window.addEventListener("resize", w), w());
   }, { immediate: !0 }), z(() => {
-    var a;
-    return (a = t.value) == null ? void 0 : a.adaptionOffsetBottom;
+    var e;
+    return (e = n.value) == null ? void 0 : e.adaptionOffsetBottom;
   }, () => {
-    var a;
-    (a = t.value) != null && a.adaption && b();
+    var e;
+    (e = n.value) != null && e.adaption && w();
   }, { immediate: !0 }), U(() => {
-    y.value = !1, window.removeEventListener("resize", b);
+    C.value = !1, window.removeEventListener("resize", w);
   });
   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(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) => {
+    var t, o;
+    const { pagination: e } = n.value;
+    return R(i("div", { className: "mineadmin-pagination" }, [i("div", { class: "mineadmin-pagination-left" }, [(t = a == null ? void 0 : a.pageLeft) == null ? void 0 : t.call(a)]), (((o = n.value) == null ? void 0 : o.showPagination) ?? !1) && e && i("div", { class: "mineadmin-el-page" }, [i(Y, x({ total: 0, onChange: () => {
+    } }, e, { currentPage: y.value, "onUpdate:currentPage": (l) => y.value = l, 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)])]), [[G, a.pageLeft || e]]);
+  }, P = (e, t) => {
+    var k, m, A, B;
+    if (e != null && e.hide && (e == null ? void 0 : e.hide) instanceof Function && e.hide(p) || e != null && e.hide && typeof (e == null ? void 0 : e.hide) == "boolean" && e.hide) return;
+    const o = typeof e.prop == "function" ? e.prop(t) : e.prop;
+    let l = { default: (r) => {
       var u, g, f;
-      return ((u = a == null ? void 0 : a.cellRender) == null ? void 0 : u.call(a, Object.assign(s, { options: t.value, attrs: p }))) ?? ((g = e == null ? void 0 : e[`column-${o}`]) == null ? void 0 : g.call(e, s)) ?? ((f = e == null ? void 0 : e.default) == null ? void 0 : f.call(e, s));
-    }, header: (s) => {
+      return ((u = e == null ? void 0 : e.cellRender) == null ? void 0 : u.call(e, Object.assign(r, { options: n.value, attrs: p }))) ?? ((g = a == null ? void 0 : a[`column-${o}`]) == null ? void 0 : g.call(a, r)) ?? ((f = a == null ? void 0 : a.default) == null ? void 0 : f.call(a, r));
+    }, header: (r) => {
       var u, g, f;
-      return ((u = a == null ? void 0 : a.headerRender) == null ? void 0 : u.call(a, Object.assign(s, { options: t.value, attrs: p }))) ?? ((g = e == null ? void 0 : e[`header-${o}`]) == null ? void 0 : g.call(e, s)) ?? ((f = e == null ? void 0 : e.header) == null ? void 0 : f.call(e, s));
-    }, filterIcon: (s) => {
+      return ((u = e == null ? void 0 : e.headerRender) == null ? void 0 : u.call(e, Object.assign(r, { options: n.value, attrs: p }))) ?? ((g = a == null ? void 0 : a[`header-${o}`]) == null ? void 0 : g.call(a, r)) ?? ((f = a == null ? void 0 : a.header) == null ? void 0 : f.call(a, r));
+    }, filterIcon: (r) => {
       var u;
-      return (u = e == null ? void 0 : e.filterIcon) == null ? void 0 : u.call(e, s);
+      return (u = a == null ? void 0 : a.filterIcon) == null ? void 0 : u.call(a, r);
     } };
-    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;
+    const { label: L, prop: _, children: v, cellRender: ee, headerRender: ae, ...S } = e;
+    return v && v.length > 0 && (l.default = () => v == null ? void 0 : v.map(P)), i(Z, x({ key: t }, S, { label: typeof L == "function" ? L() : L, prop: o, align: (e == null ? void 0 : e.align) ?? ((k = n.value) == null ? void 0 : k.columnAlign) ?? "center", headerAlign: (e == null ? void 0 : e.align) ?? ((m = n.value) == null ? void 0 : m.columnAlign) ?? (e == null ? void 0 : e.headerAlign) ?? ((A = n.value) == null ? void 0 : A.headerAlign) ?? "center", showOverflowTooltip: (e == null ? void 0 : e.showOverflowTooltip) ?? ((B = n.value) == null ? void 0 : B.showOverflowTooltip) ?? !0 }), typeof (j = l) == "function" || Object.prototype.toString.call(j) === "[object Object]" && !J(j) ? l : { default: () => [l] });
+    var j;
   }, I = () => {
-    const { on: a, pagination: n, ...o } = t.value;
-    return i(k, null, [i(W, x({ ref: T }, a, o, p), { default: () => {
+    const { on: e, pagination: t, ...o } = n.value;
+    return i(D, null, [i(W, x({ ref: T }, e, o, p), { default: () => {
       var l;
-      return [i(k, null, [(l = d.value) == null ? void 0 : l.map(j)])];
+      return [i(D, null, [(l = d.value) == null ? void 0 : l.map(P)])];
     }, append: () => {
       var l;
-      return (l = e.append) == null ? void 0 : l.call(e);
+      return (l = a.append) == null ? void 0 : l.call(a);
     }, empty: () => {
       var l;
-      return ((l = e.empty) == null ? void 0 : l.call(e)) ?? i(X, null, null);
+      return ((l = a.empty) == null ? void 0 : l.call(a)) ?? 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()]), [[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);
-  }, 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: () => T.value }), () => N.ssr ? y.value && P() : P();
+  }, E = () => {
+    const { loading: e, loadingConfig: t, height: o, maxHeight: l } = n.value;
+    return R(i("div", { className: "mineadmin-table", "element-loading-svg": (t == null ? void 0 : t.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": (t == null ? void 0 : t.viewBox) ?? "-9, -9, 50, 50", "element-loading-text": (t == null ? void 0 : t.text) ?? null, "element-loading-spinner": (t == null ? void 0 : t.spinner) ?? null, "element-loading-background": (t == null ? void 0 : t.spinner) ?? null, "element-loading-custom-class": (t == null ? void 0 : t.customClass) ?? null }, [I()]), [[q("loading"), e]]);
+  }, M = (e) => d.value = e;
+  return O({ setData: (e) => {
+    n.value.data = e, c("set-data-callback", e);
+  }, setPagination: (e) => {
+    Object.keys(e).map((t) => {
+      n.value.pagination[t] = e[t];
+    });
+  }, setCurrentPage: (e) => y.value = e, getCurrentPage: () => y.value, setLoadingState: (e) => n.value.loading = e, setOptions: (e) => n.value = Object.assign(n.value, e), getOptions: () => n.value, setColumns: M, getColumns: () => d.value, appendColumn: (e) => d.value.push(e), removeColumn: (e) => M(d.value.filter((t, o) => (typeof t.prop == "function" ? t.prop(o) : t.prop) !== e)), getColumnByProp: (e) => {
+    var t;
+    return ((t = d.value.filter((o, l) => (typeof o.prop == "function" ? o.prop(l) : o.prop) === e)) == null ? void 0 : t[0]) ?? null;
+  }, getElTableRef: () => T.value }), () => b.ssr ? C.value && E() : E();
 } });
-function la(r) {
-  return new Promise(async (e, p) => {
-    const m = K();
-    H(async () => {
-      if (m && m.refs[r]) {
-        const w = m.refs[r];
-        e({ ...w });
+function le(s) {
+  return new Promise(async (a, p) => {
+    const c = K();
+    N(async () => {
+      if (c && c.refs[s]) {
+        const O = c.refs[s];
+        a({ ...O });
       } else p("[@mineadmin/table]: not found ref for ma-table component");
     });
   });
 }
-const oa = { install(r, e) {
-  r.component(D.name, D), r.provide("MaTableOptions", e ?? { ssr: !1 });
+const oe = { install(s, a) {
+  s.component(H.name, H), s.provide("MaTableOptions", a ?? { ssr: !1 });
 } };
 export {
-  oa as MaTable,
-  oa as default,
-  la as useTable
+  oe as MaTable,
+  oe as default,
+  le as useTable
 };

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,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"}})});
+(function(r,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],t):t((r=typeof globalThis<"u"?globalThis:r||self).MaTable={},r.Vue,r.ElementPlus)})(this,function(r,t,g){"use strict";const P=t.defineComponent({name:"MaTable",props:{options:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]}},directives:{Loading:g.ElLoadingDirective},emits:["set-data-callback"],setup(s,{slots:a,attrs:d,emit:m,expose:O}){const b=t.inject("MaTableOptions"),l=t.ref({});Object.keys(s.options).map(e=>{var o;l.value[e]=Object.assign(((o=b==null?void 0:b.options)==null?void 0:o[e])??{},s.options[e])});const c=t.ref(s.columns),C=t.ref(!1),x=t.ref(),w=()=>{const{adaptionOffsetBottom:e}=l.value,o=window.innerHeight-(e??70);l.value.height=`${o}px`},y=t.ref(1);t.onMounted(async()=>{C.value=!0}),t.watch(()=>{var e;return(e=l.value)==null?void 0:e.adaption},e=>{e&&(window.addEventListener("resize",w),w())},{immediate:!0}),t.watch(()=>{var e;return(e=l.value)==null?void 0:e.adaptionOffsetBottom},()=>{var e;(e=l.value)!=null&&e.adaption&&w()},{immediate:!0}),t.onBeforeUnmount(()=>{C.value=!1,window.removeEventListener("resize",w)});const z=()=>{var o,n;const{pagination:e}=l.value;return t.withDirectives(t.createVNode("div",{className:"mineadmin-pagination"},[t.createVNode("div",{class:"mineadmin-pagination-left"},[(o=a==null?void 0:a.pageLeft)==null?void 0:o.call(a)]),(((n=l.value)==null?void 0:n.showPagination)??!1)&&e&&t.createVNode("div",{class:"mineadmin-el-page"},[t.createVNode(g.ElPagination,t.mergeProps({total:0,onChange:()=>{}},e,{currentPage:y.value,"onUpdate:currentPage":i=>y.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)])]),[[t.vShow,a.pageLeft||e]])},L=(e,o)=>{var E,k,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(o):e.prop;let i={default:u=>{var p,f,h;return((p=e==null?void 0:e.cellRender)==null?void 0:p.call(e,Object.assign(u,{options:l.value,attrs:d})))??((f=a==null?void 0:a[`column-${n}`])==null?void 0:f.call(a,u))??((h=a==null?void 0:a.default)==null?void 0:h.call(a,u))},header:u=>{var p,f,h;return((p=e==null?void 0:e.headerRender)==null?void 0:p.call(e,Object.assign(u,{options:l.value,attrs:d})))??((f=a==null?void 0:a[`header-${n}`])==null?void 0:f.call(a,u))??((h=a==null?void 0:a.header)==null?void 0:h.call(a,u))},filterIcon:u=>{var p;return(p=a==null?void 0:a.filterIcon)==null?void 0:p.call(a,u)}};const{label:T,prop:S,children:v,cellRender:H,headerRender:F,...R}=e;return v&&v.length>0&&(i.default=()=>v==null?void 0:v.map(L)),t.createVNode(g.ElTableColumn,t.mergeProps({key:o},R,{label:typeof T=="function"?T():T,prop:n,align:(e==null?void 0:e.align)??((E=l.value)==null?void 0:E.columnAlign)??"center",headerAlign:(e==null?void 0:e.align)??((k=l.value)==null?void 0:k.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(j=i)=="function"||Object.prototype.toString.call(j)==="[object Object]"&&!t.isVNode(j)?i:{default:()=>[i]});var j},D=()=>{const{on:e,pagination:o,...n}=l.value;return t.createVNode(t.Fragment,null,[t.createVNode(g.ElTable,t.mergeProps({ref:x},e,n,d),{default:()=>{var i;return[t.createVNode(t.Fragment,null,[(i=c.value)==null?void 0:i.map(L)])]},append:()=>{var i;return(i=a.append)==null?void 0:i.call(a)},empty:()=>{var i;return((i=a.empty)==null?void 0:i.call(a))??t.createVNode(g.ElEmpty,null,null)}}),z()])},N=()=>{const{loading:e,loadingConfig:o,height:n,maxHeight:i}=l.value;return t.withDirectives(t.createVNode("div",{className:"mineadmin-table","element-loading-svg":(o==null?void 0:o.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":(o==null?void 0:o.viewBox)??"-9, -9, 50, 50","element-loading-text":(o==null?void 0:o.text)??null,"element-loading-spinner":(o==null?void 0:o.spinner)??null,"element-loading-background":(o==null?void 0:o.spinner)??null,"element-loading-custom-class":(o==null?void 0:o.customClass)??null},[D()]),[[t.resolveDirective("loading"),e]])},M=e=>c.value=e;return O({setData:e=>{l.value.data=e,m("set-data-callback",e)},setPagination:e=>{Object.keys(e).map(o=>{l.value.pagination[o]=e[o]})},setCurrentPage:e=>y.value=e,getCurrentPage:()=>y.value,setLoadingState:e=>l.value.loading=e,setOptions:e=>l.value=Object.assign(l.value,e),getOptions:()=>l.value,setColumns:M,getColumns:()=>c.value,appendColumn:e=>c.value.push(e),removeColumn:e=>M(c.value.filter((o,n)=>(typeof o.prop=="function"?o.prop(n):o.prop)!==e)),getColumnByProp:e=>{var o;return((o=c.value.filter((n,i)=>(typeof n.prop=="function"?n.prop(i):n.prop)===e))==null?void 0:o[0])??null},getElTableRef:()=>x.value}),()=>b.ssr?C.value&&N():N()}}),V={install(s,a){s.component(P.name,P),s.provide("MaTableOptions",a??{ssr:!1})}};r.MaTable=V,r.default=V,r.useTable=function(s){return new Promise(async(a,d)=>{const m=t.getCurrentInstance();t.onMounted(async()=>{if(m&&m.refs[s]){const O=m.refs[s];a({...O})}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

@@ -6,11 +6,13 @@ import type { LoadingConfig } from './loading-config';
 import type { PaginationProps } from './pagination';
 interface MaTableInstallOptions {
     ssr?: boolean;
+    options?: MaTableOptions;
 }
 interface MaTableExpose {
     setData: (data: any[]) => void;
     setPagination: (pagination: PaginationProps) => void;
     setCurrentPage: (pager: number) => void;
+    getCurrentPage: () => number;
     setLoadingState: (loading: boolean) => void;
     setOptions: (opts: MaTableOptions) => void;
     getOptions: () => MaTableOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mineadmin/table",
-  "version": "1.0.35",
+  "version": "1.0.39",
   "packageManager": "pnpm@8.6.10",
   "description": "基于element plus的表格组件，进行封装，提供方便、灵活的配置和使用方式",
   "keywords": [