mwl-components 0.0.12 → 0.0.13

package/dist/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as $, useSlots as T, ref as E, createBlock as r, openBlock as a, unref as c, normalizeClass as L, createSlots as W, withCtx as s, renderSlot as C, createElementVNode as x, createElementBlock as g, createCommentVNode as p, toDisplayString as V, createVNode as S, watch as q, nextTick as G, computed as Y, resolveComponent as H, mergeProps as D, normalizeStyle as z, createTextVNode as M, Fragment as w, renderList as k, getCurrentInstance as J, onMounted as K, onUnmounted as Q, resolveDynamicComponent as X, normalizeProps as Z, guardReactiveProps as _, withDirectives as ee, vShow as te } from "vue";
-import { ElCard as ae, ElTooltip as le, ElIcon as ne, ElDialog as oe, ElScrollbar as re, ElForm as ue, ElFormItem as B, ElInput as R, ElRadio as de, ElCheckbox as se, ElSelect as ie, ElOption as ce, ElCascader as me, ElSwitch as fe, ElDatePicker as O, ElTableColumn as N, ElTable as he, ElButton as pe, ElSubMenu as ge, ElMenuItem as be, ElMenu as ye } from "element-plus";
-const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex items-center" }, ke = { class: "text-16px font-700" }, De = { class: "max-w-200px" }, we = {
+import { defineComponent as $, useSlots as P, ref as E, createBlock as r, openBlock as a, unref as i, normalizeClass as L, createSlots as W, withCtx as s, renderSlot as C, createElementVNode as x, createElementBlock as g, createCommentVNode as p, toDisplayString as V, createVNode as S, watch as q, nextTick as G, computed as Y, resolveComponent as H, mergeProps as D, normalizeStyle as T, createTextVNode as M, Fragment as w, renderList as k, getCurrentInstance as J, onMounted as K, onUnmounted as Q, resolveDynamicComponent as X, normalizeProps as Z, guardReactiveProps as _, withDirectives as ee, vShow as te } from "vue";
+import { ElCard as ae, ElTooltip as le, ElIcon as ne, ElDialog as oe, ElScrollbar as re, ElForm as ue, ElFormItem as B, ElInput as R, ElRadio as de, ElCheckbox as se, ElSelect as ie, ElOption as ce, ElCascader as me, ElSwitch as fe, ElDatePicker as O, ElTableColumn as z, ElTable as he, ElButton as pe, ElSubMenu as ge, ElMenuItem as be, ElMenu as ye, ElPagination as ve } from "element-plus";
+const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex items-center" }, De = { class: "text-16px font-700" }, we = { class: "max-w-200px" }, Ve = {
   key: 0,
   class: "flex justify-end"
-}, Ve = {
+}, xe = {
   key: 0,
   class: "mt-8px flex items-center"
-}, xe = /* @__PURE__ */ $({
+}, $e = /* @__PURE__ */ $({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -14,32 +14,32 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
     message: String
   },
   setup(t) {
-    const u = T(), d = E("content-wrap");
-    return (i, n) => (a(), r(c(ae), {
+    const u = P(), d = E("content-wrap");
+    return (c, n) => (a(), r(i(ae), {
       class: L([d.value, "mb-[10px]"]),
       shadow: "never"
     }, W({
       default: s(() => [
-        C(i.$slots, "default", {}, void 0, !0)
+        C(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
       t.title ? {
         name: "header",
         fn: s(() => [
-          x("div", ve, [
-            x("div", Ce, [
-              x("span", ke, V(t.title), 1),
-              t.message ? (a(), r(c(le), {
+          x("div", Ce, [
+            x("div", ke, [
+              x("span", De, V(t.title), 1),
+              t.message ? (a(), r(i(le), {
                 key: 0,
                 effect: "dark",
                 placement: "right"
               }, {
                 content: s(() => [
-                  x("div", De, V(t.message), 1)
+                  x("div", we, V(t.message), 1)
                 ]),
                 default: s(() => [
-                  S(c(ne), {
+                  S(i(ne), {
                     size: 14,
                     class: "ml-5px",
                     icon: "ep:question-filled"
@@ -48,12 +48,12 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                 _: 1
               })) : p("", !0)
             ]),
-            u.buttonTip ? (a(), g("div", we, [
-              C(i.$slots, "buttonTip", {}, void 0, !0)
+            u.buttonTip ? (a(), g("div", Ve, [
+              C(c.$slots, "buttonTip", {}, void 0, !0)
             ])) : p("", !0)
           ]),
-          u.descTip ? (a(), g("div", Ve, [
-            C(i.$slots, "descTip", {}, void 0, !0)
+          u.descTip ? (a(), g("div", xe, [
+            C(c.$slots, "descTip", {}, void 0, !0)
           ])) : p("", !0)
         ]),
         key: "0"
@@ -62,10 +62,10 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
   }
 }), F = (t, u) => {
   const d = t.__vccOpts || t;
-  for (const [i, n] of u)
-    d[i] = n;
+  for (const [c, n] of u)
+    d[c] = n;
   return d;
-}, $e = /* @__PURE__ */ F(xe, [["__scopeId", "data-v-cce44bc6"]]), Ee = { class: "dialog-header" }, Se = /* @__PURE__ */ $({
+}, Ee = /* @__PURE__ */ F($e, [["__scopeId", "data-v-cce44bc6"]]), Se = { class: "dialog-header" }, He = /* @__PURE__ */ $({
   name: "Dialog",
   __name: "index",
   props: {
@@ -91,11 +91,11 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
     }
   },
   setup(t) {
-    const u = T(), d = t, i = E(!1), n = () => {
-      i.value = !unref(i);
+    const u = P(), d = t, c = E(!1), n = () => {
+      c.value = !unref(c);
     }, m = E(d.maxHeight);
     q(
-      () => i.value,
+      () => c.value,
       async (h) => {
         if (await G(), h) {
           const f = document.documentElement.offsetHeight;
@@ -115,9 +115,9 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
     });
     return console.log(d), (h, f) => {
       const y = H("el-button");
-      return a(), r(c(oe), D(h.$attrs, {
+      return a(), r(i(oe), D(h.$attrs, {
         "close-on-click-modal": !1,
-        fullscreen: i.value,
+        fullscreen: c.value,
         width: t.width,
         "destroy-on-close": "",
         draggable: "",
@@ -126,7 +126,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
         "append-to-body": ""
       }), W({
         header: s(() => [
-          x("div", Ee, [
+          x("div", Se, [
             C(h.$slots, "title", {}, () => [
               M(V(t.title), 1)
             ]),
@@ -140,9 +140,9 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
           ])
         ]),
         default: s(() => [
-          t.scroll ? (a(), r(c(re), {
+          t.scroll ? (a(), r(i(re), {
             key: 0,
-            style: z(b.value)
+            style: T(b.value)
           }, {
             default: s(() => [
               C(h.$slots, "default")
@@ -162,8 +162,8 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), He = {}, Me = /* @__PURE__ */ $({
-  ...He,
+}), Me = {}, Ue = /* @__PURE__ */ $({
+  ...Me,
   name: "EasyForm",
   __name: "index",
   props: {
@@ -204,7 +204,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
       }
     }), (m, b) => {
       const h = H("el-input-number"), f = H("el-radio-group"), y = H("el-checkbox-group");
-      return a(), r(c(ue), {
+      return a(), r(i(ue), {
         ref_key: "formRef",
         ref: d,
         model: t.formData,
@@ -214,14 +214,14 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
       }, {
         default: s(() => [
           (a(!0), g(w, null, k(t.formItems, ({ type: o, ...e }) => (a(), g(w, null, [
-            o != "custom" && !e.hidden ? (a(), r(c(B), {
+            o != "custom" && !e.hidden ? (a(), r(i(B), {
               key: 0,
               label: e.label,
               prop: e.prop,
               rules: e.rule
             }, {
               default: s(() => [
-                o == "text" || o == "" ? (a(), r(c(R), D({
+                o == "text" || o == "" ? (a(), r(i(R), D({
                   key: 0,
                   placeholder: "请输入" + e.label
                 }, { ref_for: !0 }, { ...e }, {
@@ -230,7 +230,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   "show-word-limit": "",
                   style: { width: e.width ? e.width : t.itemWidth }
                 }), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
-                o == "textarea" ? (a(), r(c(R), D({
+                o == "textarea" ? (a(), r(i(R), D({
                   key: 1,
                   ref_for: !0
                 }, { ...e }, {
@@ -255,7 +255,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   onChange: (l) => e.change && e.change(t.formData[e.prop])
                 }, { ref_for: !0 }, { ...e }), {
                   default: s(() => [
-                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(c(de), {
+                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(i(de), {
                       key: v,
                       value: l.value
                     }, {
@@ -275,7 +275,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   onChange: (l) => e.change && e.change(t.formData[e.prop])
                 }, { ref_for: !0 }, { ...e }), {
                   default: s(() => [
-                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(c(se), {
+                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(i(se), {
                       key: v,
                       value: l.value
                     }, {
@@ -287,7 +287,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   ]),
                   _: 2
                 }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
-                o == "select" || o == "multipleselect" ? (a(), r(c(ie), D({
+                o == "select" || o == "multipleselect" ? (a(), r(i(ie), D({
                   key: 5,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
@@ -296,7 +296,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   onChange: (l) => e.change && e.change(t.formData[e.prop])
                 }, { ref_for: !0 }, { ...e }), {
                   default: s(() => [
-                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(c(ce), {
+                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(i(ce), {
                       key: v,
                       label: e.defaultProp ? l[e.defaultProp.label] : l.label,
                       value: e.defaultProp ? l[e.defaultProp.value] : l.value
@@ -304,13 +304,13 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   ]),
                   _: 2
                 }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
-                o == "cascader" ? (a(), r(c(me), {
+                o == "cascader" ? (a(), r(i(me), {
                   key: 6,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
                   options: e.options || [],
                   props: e.defaultProp || { label: "label", value: "value" },
-                  style: z({ width: e.width ? e.width : t.itemWidth }),
+                  style: T({ width: e.width ? e.width : t.itemWidth }),
                   disabled: e.disabled,
                   clearable: e.clearable,
                   placeholder: e.placeholder,
@@ -319,15 +319,15 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   "disabled-date": e.disabledDate,
                   onChange: (l) => e.change && e.change(t.formData[e.prop])
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style", "disabled", "clearable", "placeholder", "popper-class", "teleported", "disabled-date", "onChange"])) : p("", !0),
-                o === "switch" ? (a(), r(c(fe), {
+                o === "switch" ? (a(), r(i(fe), {
                   key: 7,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
                   disabled: e.disabled,
-                  style: z({ width: e.width ? e.width : t.itemWidth }),
+                  style: T({ width: e.width ? e.width : t.itemWidth }),
                   onChange: (l) => e.change && e.change(t.formData[e.prop])
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "style", "onChange"])) : p("", !0),
-                o == "date" || o == "datetime" || o == "year" || o == "month" ? (a(), r(c(O), D({
+                o == "date" || o == "datetime" || o == "year" || o == "month" ? (a(), r(i(O), D({
                   key: 8,
                   style: { width: e.width ? e.width : t.itemWidth },
                   modelValue: t.formData[e.prop],
@@ -342,7 +342,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
                   type: o,
                   onChange: (l) => e.change && e.change(t.formData[e.prop])
                 }), null, 16, ["style", "modelValue", "onUpdate:modelValue", "format", "value-format", "disabled", "clearable", "placeholder", "disabled-date", "type", "onChange"])) : p("", !0),
-                o == "daterange" ? (a(), r(c(O), {
+                o == "daterange" ? (a(), r(i(O), {
                   key: 9,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
@@ -363,7 +363,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
               item: e
             }, void 0, !0) : p("", !0)
           ], 64))), 256)),
-          S(c(B), null, {
+          S(i(B), null, {
             default: s(() => [
               C(m.$slots, "append", {}, void 0, !0)
             ]),
@@ -374,19 +374,19 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
       }, 8, ["model", "label-width", "inline"]);
     };
   }
-}), Ue = /* @__PURE__ */ F(Me, [["__scopeId", "data-v-b55b4189"]]), Ie = /* @__PURE__ */ $({
+}), Ie = /* @__PURE__ */ F(Ue, [["__scopeId", "data-v-b55b4189"]]), We = /* @__PURE__ */ $({
   __name: "tableColumnItem",
   props: {
     tableColumn: {}
   },
   setup(t) {
-    const u = T(), d = t, i = () => {
+    const u = P(), d = t, c = () => {
       const { tableColumn: n } = d;
       return n.children?.length || delete n.children, n;
     };
     return (n, m) => {
       const b = H("tableColumnItem", !0);
-      return !n.tableColumn.children || n.tableColumn.children?.length == 0 ? (a(), r(c(N), D({ key: 0 }, { ...i() }, {
+      return !n.tableColumn.children || n.tableColumn.children?.length == 0 ? (a(), r(i(z), D({ key: 0 }, { ...c() }, {
         prop: n.tableColumn.prop,
         label: n.tableColumn.label
       }), W({ _: 2 }, [
@@ -399,7 +399,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["prop", "label"])) : (a(), r(c(N), {
+      ]), 1040, ["prop", "label"])) : (a(), r(i(z), {
         key: 1,
         align: n.tableColumn.align,
         label: n.tableColumn.label
@@ -423,7 +423,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
       }, 8, ["align", "label"]));
     };
   }
-}), We = /* @__PURE__ */ $({
+}), Fe = /* @__PURE__ */ $({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -458,7 +458,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
     }
   },
   setup(t) {
-    const u = t, d = Y(() => (u.buttonWidth.toString().indexOf("px") > -1 ? u.buttonWidth.toString().slice(0, -2) : u.buttonWidth, u.buttonWidth)), i = T(), n = E(), m = E("auto");
+    const u = t, d = Y(() => (u.buttonWidth.toString().indexOf("px") > -1 ? u.buttonWidth.toString().slice(0, -2) : u.buttonWidth, u.buttonWidth)), c = P(), n = E(), m = E("auto");
     let b = J();
     const h = () => {
       let o = "auto";
@@ -484,26 +484,26 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
       ref_key: "tableRef",
       ref: n
     }, [
-      S(c(he), D({ style: { width: "100%" } }, o.$attrs, {
+      S(i(he), D({ style: { width: "100%" } }, o.$attrs, {
         data: t.data,
         height: t.height,
         maxHeight: t.maxHeight ? t.maxHeight : m.value
       }), {
         default: s(() => [
-          (a(!0), g(w, null, k(t.tableColumns, (l, v) => (a(), r(Ie, {
+          (a(!0), g(w, null, k(t.tableColumns, (l, v) => (a(), r(We, {
             key: v,
             "table-column": { align: t.align, ...l }
           }, W({ _: 2 }, [
-            k(i, (U, I) => ({
+            k(c, (U, I) => ({
               name: I,
-              fn: s(({ row: P }) => [
-                C(o.$slots, I, { row: P }, () => [
-                  M(V(P[I]), 1)
+              fn: s(({ row: N }) => [
+                C(o.$slots, I, { row: N }, () => [
+                  M(V(N[I]), 1)
                 ], !0)
               ])
             }))
           ]), 1032, ["table-column"]))), 128)),
-          t.buttons && t.buttons.length ? (a(), r(c(N), {
+          t.buttons && t.buttons.length ? (a(), r(i(z), {
             key: 0,
             align: "center",
             fixed: "right",
@@ -511,7 +511,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
             width: d.value
           }, {
             default: s((l) => [
-              (a(!0), g(w, null, k(t.buttons, (v, U) => (a(), r(c(pe), {
+              (a(!0), g(w, null, k(t.buttons, (v, U) => (a(), r(i(pe), {
                 key: U,
                 type: v.type.includes("del") ? "danger" : "primary",
                 onClick: () => {
@@ -532,7 +532,7 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
       }, 16, ["data", "height", "maxHeight"])
     ], 512));
   }
-}), Fe = /* @__PURE__ */ F(We, [["__scopeId", "data-v-283c4a1e"]]), Ye = {
+}), Ye = /* @__PURE__ */ F(Fe, [["__scopeId", "data-v-283c4a1e"]]), Pe = {
   name: "",
   components: {},
   props: {
@@ -542,13 +542,13 @@ const ve = { class: "flex items-center justify-between" }, Ce = { class: "flex i
     }
   }
 };
-function Te(t, u, d, i, n, m) {
+function Te(t, u, d, c, n, m) {
   return d.icon ? (a(), r(X(d.icon), {
     key: 0,
     class: "menu_icon"
   })) : p("", !0);
 }
-const j = /* @__PURE__ */ F(Ye, [["render", Te], ["__scopeId", "data-v-261ce99a"]]), ze = /* @__PURE__ */ $({
+const j = /* @__PURE__ */ F(Pe, [["render", Te], ["__scopeId", "data-v-261ce99a"]]), ze = /* @__PURE__ */ $({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -560,12 +560,12 @@ const j = /* @__PURE__ */ F(Ye, [["render", Te], ["__scopeId", "data-v-261ce99a"
   emits: ["handleMenuItemClick"],
   setup(t, { emit: u }) {
     const d = u;
-    function i(n) {
+    function c(n) {
       d("handleMenuItemClick", n);
     }
     return (n, m) => {
       const b = H("subMenu", !0);
-      return t.routeData.children && t.routeData.children.length > 0 ? (a(), r(c(ge), {
+      return t.routeData.children && t.routeData.children.length > 0 ? (a(), r(i(ge), {
         key: 0,
         index: t.routeData.path
       }, {
@@ -577,7 +577,7 @@ const j = /* @__PURE__ */ F(Ye, [["render", Te], ["__scopeId", "data-v-261ce99a"
         ]),
         default: s(() => [
           (a(!0), g(w, null, k(t.routeData.children, (h, f) => (a(), r(b, {
-            onHandleMenuItemClick: i,
+            onHandleMenuItemClick: c,
             routeData: h,
             key: f
           }, null, 8, ["routeData"]))), 128))
@@ -585,9 +585,9 @@ const j = /* @__PURE__ */ F(Ye, [["render", Te], ["__scopeId", "data-v-261ce99a"
         _: 1
       }, 8, ["index"])) : (a(), g("div", {
         key: 1,
-        onClick: m[0] || (m[0] = (h) => i(t.routeData))
+        onClick: m[0] || (m[0] = (h) => c(t.routeData))
       }, [
-        S(c(be), {
+        S(i(be), {
           index: t.routeData.path
         }, {
           title: s(() => [
@@ -614,20 +614,20 @@ const j = /* @__PURE__ */ F(Ye, [["render", Te], ["__scopeId", "data-v-261ce99a"
   },
   emits: ["handleMenuItemClick"],
   setup(t, { emit: u }) {
-    const d = u, i = (n) => {
+    const d = u, c = (n) => {
       d("handleMenuItemClick", n);
     };
-    return (n, m) => (a(), r(c(ye), Z(_(n.$attrs)), {
+    return (n, m) => (a(), r(i(ye), Z(_(n.$attrs)), {
       default: s(() => [
         (a(!0), g(w, null, k(t.menuList, (b) => (a(), r(ze, {
           routeData: b,
-          onHandleMenuItemClick: i
+          onHandleMenuItemClick: c
         }, null, 8, ["routeData"]))), 256))
       ]),
       _: 1
     }, 16));
   }
-}), Pe = /* @__PURE__ */ $({
+}), Be = /* @__PURE__ */ $({
   name: "Pagination",
   __name: "index",
   props: {
@@ -656,64 +656,61 @@ const j = /* @__PURE__ */ F(Ye, [["render", Te], ["__scopeId", "data-v-261ce99a"
   },
   emits: ["update:page", "update:limit", "pagination"],
   setup(t, { emit: u }) {
-    const d = t, i = u, n = Y({
+    const d = t, c = u, n = Y({
       get() {
         return d.page;
       },
       set(f) {
-        i("update:page", f);
+        c("update:page", f);
       }
     }), m = Y({
       get() {
         return d.limit;
       },
       set(f) {
-        i("update:limit", f);
+        c("update:limit", f);
       }
     }), b = (f) => {
-      n.value * f > d.total && (n.value = 1), i("pagination", { page: n.value, limit: f });
+      n.value * f > d.total && (n.value = 1), c("pagination", { page: n.value, limit: f });
     }, h = (f) => {
-      i("pagination", { page: f, limit: m.value });
-    };
-    return (f, y) => {
-      const o = H("el-pagination");
-      return ee((a(), r(o, {
-        "current-page": n.value,
-        "onUpdate:currentPage": y[0] || (y[0] = (e) => n.value = e),
-        "page-size": m.value,
-        "onUpdate:pageSize": y[1] || (y[1] = (e) => m.value = e),
-        background: !0,
-        "page-sizes": [10, 20, 30, 50, 100],
-        "pager-count": t.pagerCount,
-        total: t.total,
-        class: "pagination",
-        layout: "total, sizes, prev, pager, next, jumper",
-        onSizeChange: b,
-        onCurrentChange: h
-      }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-        [te, t.total > 0]
-      ]);
+      c("pagination", { page: f, limit: m.value });
     };
+    return (f, y) => ee((a(), r(i(ve), {
+      "current-page": n.value,
+      "onUpdate:currentPage": y[0] || (y[0] = (o) => n.value = o),
+      "page-size": m.value,
+      "onUpdate:pageSize": y[1] || (y[1] = (o) => m.value = o),
+      background: !0,
+      "page-sizes": [10, 20, 30, 50, 100],
+      "pager-count": t.pagerCount,
+      total: t.total,
+      class: "pagination",
+      layout: "total, sizes, prev, pager, next, jumper",
+      onSizeChange: b,
+      onCurrentChange: h
+    }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
+      [te, t.total > 0]
+    ]);
   }
-}), Be = /* @__PURE__ */ F(Pe, [["__scopeId", "data-v-1e34e383"]]), Re = [
-  $e,
-  Se,
-  Ue,
-  Fe,
+}), Re = /* @__PURE__ */ F(Be, [["__scopeId", "data-v-e3fa4ed7"]]), Oe = [
+  Ee,
+  He,
+  Ie,
+  Ye,
   Ne,
-  Be
-], A = [], Oe = (t) => {
-  Re.forEach((u) => {
+  Re
+], A = [], je = (t) => {
+  Oe.forEach((u) => {
     A.push(u.name), t.component(u.name, u);
   }), console.log("mwl-components", A);
-}, Le = { install: Oe };
+}, qe = { install: je };
 export {
-  $e as ContentWarp,
-  Se as Dialog,
-  Ue as EasyForm,
-  Fe as EasyTable,
+  Ee as ContentWarp,
+  He as Dialog,
+  Ie as EasyForm,
+  Ye as EasyTable,
   Ne as MenuTree,
-  Be as Pagination,
-  Le as default,
-  Oe as install
+  Re as Pagination,
+  qe as default,
+  je as install
 };

package/dist/mwl-components.css

@@ -1 +1 @@
-.el-card[data-v-cce44bc6]{background-color:transparent;margin-bottom:10px}[data-v-cce44bc6] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-cce44bc6] .el-card__body{padding:20px}.custom-dialog{padding:0}.custom-dialog .el-dialog__header{--el-dialog-padding-primary: 20px;margin-right:0!important;border-bottom:1px solid #eee;padding:var(--el-dialog-padding-primary);padding-bottom:10px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-right:30px}.dialog-header .fullScreen{cursor:pointer;z-index:99}.el-dialog__headerbtn{top:8px}.el-dialog__body{padding:20px 30px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid #eee}[data-v-b55b4189] .el-form-item__label{font-size:var(--el-font-size-base)}[data-v-283c4a1e] .el-table,[data-v-283c4a1e] th.el-table__cell,[data-v-283c4a1e] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-1e34e383]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-1e34e383]{margin-top:8px;margin-bottom:8px}}
+.el-card[data-v-cce44bc6]{background-color:transparent;margin-bottom:10px}[data-v-cce44bc6] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-cce44bc6] .el-card__body{padding:20px}.custom-dialog{padding:0}.custom-dialog .el-dialog__header{--el-dialog-padding-primary: 20px;margin-right:0!important;border-bottom:1px solid #eee;padding:var(--el-dialog-padding-primary);padding-bottom:10px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-right:30px}.dialog-header .fullScreen{cursor:pointer;z-index:99}.el-dialog__headerbtn{top:8px}.el-dialog__body{padding:20px 30px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid #eee}[data-v-b55b4189] .el-form-item__label{font-size:var(--el-font-size-base)}[data-v-283c4a1e] .el-table,[data-v-283c4a1e] th.el-table__cell,[data-v-283c4a1e] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-e3fa4ed7]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-e3fa4ed7]{margin-top:8px;margin-bottom:8px}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mwl-components",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": false,
   "type": "module",
   "module": "dist/index.js",