mwl-components 0.0.14 → 0.0.15

package/dist/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as w, useSlots as Y, ref as V, createBlock as u, openBlock as l, unref as r, normalizeClass as q, createSlots as M, withCtx as i, renderSlot as b, createElementVNode as D, createElementBlock as g, createCommentVNode as h, toDisplayString as k, createVNode as x, watch as G, nextTick as J, computed as F, mergeProps as v, normalizeStyle as N, createTextVNode as $, Fragment as C, renderList as y, resolveComponent as A, getCurrentInstance as K, onMounted as Q, onUnmounted as X, resolveDynamicComponent as Z, normalizeProps as _, guardReactiveProps as ee, withDirectives as te, vShow as ae } from "vue";
-import { ElCard as le, ElTooltip as ne, ElIcon as oe, ElDialog as re, ElScrollbar as ue, ElButton as L, ElForm as de, ElFormItem as z, ElInput as R, ElInputNumber as se, ElRadioGroup as ie, ElRadio as ce, ElCheckboxGroup as me, ElCheckbox as fe, ElSelect as he, ElOption as ge, ElCascader as pe, ElSwitch as be, ElDatePicker as B, ElTableColumn as P, ElTable as ye, ElSubMenu as ve, ElMenuItem as Ce, ElMenu as ke, ElPagination as De } from "element-plus";
-const we = { class: "flex items-center justify-between" }, Ve = { class: "flex items-center" }, xe = { class: "text-16px font-700" }, Ee = { class: "max-w-200px" }, $e = {
+import { defineComponent as V, useSlots as Y, ref as x, createBlock as r, openBlock as l, unref as u, normalizeClass as q, createSlots as I, withCtx as i, renderSlot as b, createElementVNode as w, createElementBlock as p, createCommentVNode as h, toDisplayString as k, createVNode as $, watch as G, nextTick as J, computed as F, mergeProps as v, normalizeStyle as N, createTextVNode as S, Fragment as C, renderList as y, resolveComponent as z, getCurrentInstance as K, onMounted as Q, onUnmounted as X, resolveDynamicComponent as Z, normalizeProps as _, guardReactiveProps as ee, withDirectives as te, vShow as ae } from "vue";
+import { ElCard as le, ElTooltip as ne, ElIcon as oe, ElDialog as re, ElScrollbar as ue, ElButton as L, ElForm as de, ElFormItem as R, ElInput as B, ElInputNumber as se, ElRadioGroup as ie, ElRadio as ce, ElCheckboxGroup as me, ElCheckbox as fe, ElSelect as he, ElOption as pe, ElCascader as ge, ElSwitch as be, ElDatePicker as O, ElTableColumn as T, ElTable as ye, ElSubMenu as ve, ElMenuItem as Ce, ElMenu as ke } from "element-plus";
+const De = { class: "flex items-center justify-between" }, we = { class: "flex items-center" }, Ve = { class: "text-16px font-700" }, xe = { class: "max-w-200px" }, $e = {
   key: 0,
   class: "flex justify-end"
-}, Se = {
+}, Ee = {
   key: 0,
   class: "mt-8px flex items-center"
-}, He = /* @__PURE__ */ w({
+}, Se = /* @__PURE__ */ V({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -14,11 +14,11 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
     message: String
   },
   setup(t) {
-    const d = Y(), s = V("content-wrap");
-    return (c, o) => (l(), u(r(le), {
+    const d = Y(), s = x("content-wrap");
+    return (c, o) => (l(), r(u(le), {
       class: q([s.value, "mb-[10px]"]),
       shadow: "never"
-    }, M({
+    }, I({
       default: i(() => [
         b(c.$slots, "default", {}, void 0, !0)
       ]),
@@ -27,19 +27,19 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       t.title ? {
         name: "header",
         fn: i(() => [
-          D("div", we, [
-            D("div", Ve, [
-              D("span", xe, k(t.title), 1),
-              t.message ? (l(), u(r(ne), {
+          w("div", De, [
+            w("div", we, [
+              w("span", Ve, k(t.title), 1),
+              t.message ? (l(), r(u(ne), {
                 key: 0,
                 effect: "dark",
                 placement: "right"
               }, {
                 content: i(() => [
-                  D("div", Ee, k(t.message), 1)
+                  w("div", xe, k(t.message), 1)
                 ]),
                 default: i(() => [
-                  x(r(oe), {
+                  $(u(oe), {
                     size: 14,
                     class: "ml-5px",
                     icon: "ep:question-filled"
@@ -48,11 +48,11 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 _: 1
               })) : h("", !0)
             ]),
-            d.buttonTip ? (l(), g("div", $e, [
+            d.buttonTip ? (l(), p("div", $e, [
               b(c.$slots, "buttonTip", {}, void 0, !0)
             ])) : h("", !0)
           ]),
-          d.descTip ? (l(), g("div", Se, [
+          d.descTip ? (l(), p("div", Ee, [
             b(c.$slots, "descTip", {}, void 0, !0)
           ])) : h("", !0)
         ]),
@@ -60,12 +60,12 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       } : void 0
     ]), 1032, ["class"]));
   }
-}), I = (t, d) => {
+}), U = (t, d) => {
   const s = t.__vccOpts || t;
   for (const [c, o] of d)
     s[c] = o;
   return s;
-}, Me = /* @__PURE__ */ I(He, [["__scopeId", "data-v-cce44bc6"]]), Ie = { class: "dialog-header" }, Ue = /* @__PURE__ */ w({
+}, He = /* @__PURE__ */ U(Se, [["__scopeId", "data-v-cce44bc6"]]), Me = { class: "dialog-header" }, Ie = /* @__PURE__ */ V({
   name: "Dialog",
   __name: "index",
   props: {
@@ -91,9 +91,9 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
     }
   },
   setup(t) {
-    const d = Y(), s = t, c = V(!1), o = () => {
+    const d = Y(), s = t, c = x(!1), o = () => {
       c.value = !unref(c);
-    }, m = V(s.maxHeight);
+    }, m = x(s.maxHeight);
     G(
       () => c.value,
       async (n) => {
@@ -107,13 +107,13 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
         immediate: !0
       }
     );
-    const p = F(() => {
+    const g = F(() => {
       if (s.maxHeight)
         return {
           height: unref(m)
         };
     });
-    return console.log(s), (n, e) => (l(), u(r(re), v(n.$attrs, {
+    return console.log(s), (n, e) => (l(), r(u(re), v(n.$attrs, {
       "close-on-click-modal": !1,
       fullscreen: c.value,
       width: t.width,
@@ -122,14 +122,14 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       "lock-scroll": "",
       class: "custom-dialog",
       "append-to-body": ""
-    }), M({
+    }), I({
       header: i(() => [
-        D("div", Ie, [
+        w("div", Me, [
           b(n.$slots, "title", {}, () => [
-            $(k(t.title), 1)
+            S(k(t.title), 1)
           ]),
-          D("div", { onClick: o }, [
-            x(r(L), {
+          w("div", { onClick: o }, [
+            $(u(L), {
               link: "",
               icon: "FullScreen",
               color: "#909399"
@@ -138,9 +138,9 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
         ])
       ]),
       default: i(() => [
-        t.scroll ? (l(), u(r(ue), {
+        t.scroll ? (l(), r(u(ue), {
           key: 0,
-          style: N(p.value)
+          style: N(g.value)
         }, {
           default: i(() => [
             b(n.$slots, "default")
@@ -159,8 +159,8 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       } : void 0
     ]), 1040, ["fullscreen", "width"]));
   }
-}), We = {}, Fe = /* @__PURE__ */ w({
-  ...We,
+}), Ue = {}, We = /* @__PURE__ */ V({
+  ...Ue,
   name: "EasyForm",
   __name: "index",
   props: {
@@ -190,7 +190,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
     }
   },
   setup(t, { expose: d }) {
-    const s = V();
+    const s = x();
     return d({
       resetFields: () => {
         s.value?.resetFields();
@@ -199,7 +199,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
         const m = await s.value.validate();
         return m || null;
       }
-    }), (m, p) => (l(), u(r(de), {
+    }), (m, g) => (l(), r(u(de), {
       ref_key: "formRef",
       ref: s,
       model: t.formData,
@@ -208,15 +208,15 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       "scroll-to-error": ""
     }, {
       default: i(() => [
-        (l(!0), g(C, null, y(t.formItems, ({ type: n, ...e }) => (l(), g(C, null, [
-          n != "custom" && !e.hidden ? (l(), u(r(z), {
+        (l(!0), p(C, null, y(t.formItems, ({ type: n, ...e }) => (l(), p(C, null, [
+          n != "custom" && !e.hidden ? (l(), r(u(R), {
             key: 0,
             label: e.label,
             prop: e.prop,
             rules: e.rule
           }, {
             default: i(() => [
-              n == "text" || n == "" ? (l(), u(r(R), v({
+              n == "text" || n == "" ? (l(), r(u(B), v({
                 key: 0,
                 placeholder: "请输入" + e.label
               }, { ref_for: !0 }, { ...e }, {
@@ -225,7 +225,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 "show-word-limit": "",
                 style: { width: e.width ? e.width : t.itemWidth }
               }), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-              n == "textarea" ? (l(), u(r(R), v({
+              n == "textarea" ? (l(), r(u(B), v({
                 key: 1,
                 ref_for: !0
               }, { ...e }, {
@@ -234,7 +234,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 type: "textarea",
                 style: { width: e.width ? e.width : t.itemWidth }
               }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-              n == "number" ? (l(), u(r(se), v({
+              n == "number" ? (l(), r(u(se), v({
                 key: 2,
                 "controls-position": "right"
               }, { ref_for: !0 }, { ...e }, {
@@ -242,7 +242,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
                 style: { width: e.width ? e.width : t.itemWidth }
               }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-              n == "radio" ? (l(), u(r(ie), v({
+              n == "radio" ? (l(), r(u(ie), v({
                 key: 3,
                 modelValue: t.formData[e.prop],
                 "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
@@ -250,19 +250,19 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 onChange: (a) => e.change && e.change(t.formData[e.prop])
               }, { ref_for: !0 }, { ...e }), {
                 default: i(() => [
-                  (l(!0), g(C, null, y(e.options, (a, f) => (l(), u(r(ce), {
+                  (l(!0), p(C, null, y(e.options, (a, f) => (l(), r(u(ce), {
                     key: f,
                     value: a.value
                   }, {
                     default: i(() => [
-                      $(k(a.label), 1)
+                      S(k(a.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ]),
                 _: 2
               }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-              n == "checkbox" ? (l(), u(r(me), v({
+              n == "checkbox" ? (l(), r(u(me), v({
                 key: 4,
                 modelValue: t.formData[e.prop],
                 "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
@@ -270,19 +270,19 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 onChange: (a) => e.change && e.change(t.formData[e.prop])
               }, { ref_for: !0 }, { ...e }), {
                 default: i(() => [
-                  (l(!0), g(C, null, y(e.options, (a, f) => (l(), u(r(fe), {
+                  (l(!0), p(C, null, y(e.options, (a, f) => (l(), r(u(fe), {
                     key: f,
                     value: a.value
                   }, {
                     default: i(() => [
-                      $(k(a.label), 1)
+                      S(k(a.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ]),
                 _: 2
               }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-              n == "select" || n == "multipleselect" ? (l(), u(r(he), v({
+              n == "select" || n == "multipleselect" ? (l(), r(u(he), v({
                 key: 5,
                 modelValue: t.formData[e.prop],
                 "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
@@ -291,7 +291,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 onChange: (a) => e.change && e.change(t.formData[e.prop])
               }, { ref_for: !0 }, { ...e }), {
                 default: i(() => [
-                  (l(!0), g(C, null, y(e.options, (a, f) => (l(), u(r(ge), {
+                  (l(!0), p(C, null, y(e.options, (a, f) => (l(), r(u(pe), {
                     key: f,
                     label: e.defaultProp ? a[e.defaultProp.label] : a.label,
                     value: e.defaultProp ? a[e.defaultProp.value] : a.value
@@ -299,7 +299,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 ]),
                 _: 2
               }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-              n == "cascader" ? (l(), u(r(pe), {
+              n == "cascader" ? (l(), r(u(ge), {
                 key: 6,
                 modelValue: t.formData[e.prop],
                 "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
@@ -314,7 +314,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 "disabled-date": e.disabledDate,
                 onChange: (a) => 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"])) : h("", !0),
-              n === "switch" ? (l(), u(r(be), {
+              n === "switch" ? (l(), r(u(be), {
                 key: 7,
                 modelValue: t.formData[e.prop],
                 "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
@@ -322,7 +322,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 style: N({ width: e.width ? e.width : t.itemWidth }),
                 onChange: (a) => e.change && e.change(t.formData[e.prop])
               }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "style", "onChange"])) : h("", !0),
-              n == "date" || n == "datetime" || n == "year" || n == "month" ? (l(), u(r(B), v({
+              n == "date" || n == "datetime" || n == "year" || n == "month" ? (l(), r(u(O), v({
                 key: 8,
                 style: { width: e.width ? e.width : t.itemWidth },
                 modelValue: t.formData[e.prop],
@@ -337,7 +337,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 type: n,
                 onChange: (a) => e.change && e.change(t.formData[e.prop])
               }), null, 16, ["style", "modelValue", "onUpdate:modelValue", "format", "value-format", "disabled", "clearable", "placeholder", "disabled-date", "type", "onChange"])) : h("", !0),
-              n == "daterange" ? (l(), u(r(B), {
+              n == "daterange" ? (l(), r(u(O), {
                 key: 9,
                 modelValue: t.formData[e.prop],
                 "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
@@ -358,7 +358,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
             item: e
           }, void 0, !0) : h("", !0)
         ], 64))), 256)),
-        x(r(z), null, {
+        $(u(R), null, {
           default: i(() => [
             b(m.$slots, "append", {}, void 0, !0)
           ]),
@@ -368,7 +368,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       _: 3
     }, 8, ["model", "label-width", "inline"]));
   }
-}), Ye = /* @__PURE__ */ I(Fe, [["__scopeId", "data-v-84850699"]]), Ne = /* @__PURE__ */ w({
+}), Fe = /* @__PURE__ */ U(We, [["__scopeId", "data-v-84850699"]]), Ye = /* @__PURE__ */ V({
   __name: "tableColumnItem",
   props: {
     tableColumn: {}
@@ -379,11 +379,11 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       return o.children?.length || delete o.children, o;
     };
     return (o, m) => {
-      const p = A("tableColumnItem", !0);
-      return !o.tableColumn.children || o.tableColumn.children?.length == 0 ? (l(), u(r(P), v({ key: 0 }, { ...c() }, {
+      const g = z("tableColumnItem", !0);
+      return !o.tableColumn.children || o.tableColumn.children?.length == 0 ? (l(), r(u(T), v({ key: 0 }, { ...c() }, {
         prop: o.tableColumn.prop,
         label: o.tableColumn.label
-      }), M({ _: 2 }, [
+      }), I({ _: 2 }, [
         o.tableColumn.prop && d[o.tableColumn.prop] ? {
           name: "default",
           fn: i((n) => [
@@ -393,21 +393,21 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["prop", "label"])) : (l(), u(r(P), {
+      ]), 1040, ["prop", "label"])) : (l(), r(u(T), {
         key: 1,
         align: o.tableColumn.align,
         label: o.tableColumn.label
       }, {
         default: i(() => [
-          (l(!0), g(C, null, y(o.tableColumn.children, (n, e) => (l(), u(p, {
+          (l(!0), p(C, null, y(o.tableColumn.children, (n, e) => (l(), r(g, {
             key: e,
             "table-column": { align: n.align || o.tableColumn.align, ...n }
-          }, M({ _: 2 }, [
+          }, I({ _: 2 }, [
             y(d, (a, f) => ({
               name: f,
-              fn: i(({ row: U }) => [
-                b(o.$slots, f, { row: U }, () => [
-                  $(k(U[f]), 1)
+              fn: i(({ row: D }) => [
+                b(o.$slots, f, { row: D }, () => [
+                  S(k(D[f]), 1)
                 ])
               ])
             }))
@@ -417,7 +417,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       }, 8, ["align", "label"]));
     };
   }
-}), Pe = /* @__PURE__ */ w({
+}), Ne = /* @__PURE__ */ V({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -452,20 +452,20 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
     }
   },
   setup(t) {
-    const d = t, s = F(() => (d.buttonWidth.toString().indexOf("px") > -1 ? d.buttonWidth.toString().slice(0, -2) : d.buttonWidth, d.buttonWidth)), c = Y(), o = V(), m = V("auto");
-    let p = K();
+    const d = t, s = F(() => (d.buttonWidth.toString().indexOf("px") > -1 ? d.buttonWidth.toString().slice(0, -2) : d.buttonWidth, d.buttonWidth)), c = Y(), o = x(), m = x("auto");
+    let g = K();
     const n = () => {
       let f = "auto";
-      if (p?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
+      if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
         try {
-          const S = p?.refs.tableRef, { top: H } = S?.getBoundingClientRect();
-          f = document.documentElement.clientHeight - H - 65 - 20;
+          const H = g?.refs.tableRef, { top: M } = H?.getBoundingClientRect();
+          f = document.documentElement.clientHeight - M - 65 - 20;
         } catch {
         }
         return f;
       }
       return f;
-    }, e = V(), a = () => {
+    }, e = x(), a = () => {
       e.value && clearTimeout(e.value), e.value = setTimeout(() => {
         m.value = n(), e.value = null;
       }, 100);
@@ -474,30 +474,30 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       m.value = n(), window.addEventListener("resize", a);
     }), X(() => {
       window.removeEventListener("resize", a);
-    }), (f, U) => (l(), g("div", {
+    }), (f, D) => (l(), p("div", {
       ref_key: "tableRef",
       ref: o
     }, [
-      x(r(ye), v({ style: { width: "100%" } }, f.$attrs, {
+      $(u(ye), v({ style: { width: "100%" } }, f.$attrs, {
         data: t.data,
         height: t.height,
         maxHeight: t.maxHeight ? t.maxHeight : m.value
       }), {
         default: i(() => [
-          (l(!0), g(C, null, y(t.tableColumns, (W, E) => (l(), u(Ne, {
+          (l(!0), p(C, null, y(t.tableColumns, (W, E) => (l(), r(Ye, {
             key: E,
             "table-column": { align: t.align, ...W }
-          }, M({ _: 2 }, [
-            y(c, (S, H) => ({
-              name: H,
-              fn: i(({ row: T }) => [
-                b(f.$slots, H, { row: T }, () => [
-                  $(k(T[H]), 1)
+          }, I({ _: 2 }, [
+            y(c, (H, M) => ({
+              name: M,
+              fn: i(({ row: P }) => [
+                b(f.$slots, M, { row: P }, () => [
+                  S(k(P[M]), 1)
                 ], !0)
               ])
             }))
           ]), 1032, ["table-column"]))), 128)),
-          t.buttons && t.buttons.length ? (l(), u(r(P), {
+          t.buttons && t.buttons.length ? (l(), r(u(T), {
             key: 0,
             align: "center",
             fixed: "right",
@@ -505,8 +505,8 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
             width: s.value
           }, {
             default: i((W) => [
-              (l(!0), g(C, null, y(t.buttons, (E, S) => (l(), u(r(L), {
-                key: S,
+              (l(!0), p(C, null, y(t.buttons, (E, H) => (l(), r(u(L), {
+                key: H,
                 type: E.type.includes("del") ? "danger" : "primary",
                 onClick: () => {
                   E.click?.(W.row);
@@ -514,7 +514,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
                 link: ""
               }, {
                 default: i(() => [
-                  $(k(E.label), 1)
+                  S(k(E.label), 1)
                 ]),
                 _: 2
               }, 1032, ["type", "onClick"]))), 128))
@@ -526,7 +526,7 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
       }, 16, ["data", "height", "maxHeight"])
     ], 512));
   }
-}), Te = /* @__PURE__ */ I(Pe, [["__scopeId", "data-v-283c4a1e"]]), ze = {
+}), Te = /* @__PURE__ */ U(Ne, [["__scopeId", "data-v-283c4a1e"]]), ze = {
   name: "",
   components: {},
   props: {
@@ -536,13 +536,13 @@ const we = { class: "flex items-center justify-between" }, Ve = { class: "flex i
     }
   }
 };
-function Re(t, d, s, c, o, m) {
-  return s.icon ? (l(), u(Z(s.icon), {
+function Pe(t, d, s, c, o, m) {
+  return s.icon ? (l(), r(Z(s.icon), {
     key: 0,
     class: "menu_icon"
   })) : h("", !0);
 }
-const O = /* @__PURE__ */ I(ze, [["render", Re], ["__scopeId", "data-v-261ce99a"]]), Be = /* @__PURE__ */ w({
+const j = /* @__PURE__ */ U(ze, [["render", Pe], ["__scopeId", "data-v-261ce99a"]]), Re = /* @__PURE__ */ V({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -558,37 +558,37 @@ const O = /* @__PURE__ */ I(ze, [["render", Re], ["__scopeId", "data-v-261ce99a"
       s("handleMenuItemClick", o);
     }
     return (o, m) => {
-      const p = A("subMenu", !0);
-      return t.routeData.children && t.routeData.children.length > 0 ? (l(), u(r(ve), {
+      const g = z("subMenu", !0);
+      return t.routeData.children && t.routeData.children.length > 0 ? (l(), r(u(ve), {
         key: 0,
         index: t.routeData.path
       }, {
         title: i(() => [
-          x(O, {
+          $(j, {
             icon: t.routeData.meta.icon
           }, null, 8, ["icon"]),
-          D("span", null, k(t.routeData.meta.title), 1)
+          w("span", null, k(t.routeData.meta.title), 1)
         ]),
         default: i(() => [
-          (l(!0), g(C, null, y(t.routeData.children, (n, e) => (l(), u(p, {
+          (l(!0), p(C, null, y(t.routeData.children, (n, e) => (l(), r(g, {
             onHandleMenuItemClick: c,
             routeData: n,
             key: e
           }, null, 8, ["routeData"]))), 128))
         ]),
         _: 1
-      }, 8, ["index"])) : (l(), g("div", {
+      }, 8, ["index"])) : (l(), p("div", {
         key: 1,
         onClick: m[0] || (m[0] = (n) => c(t.routeData))
       }, [
-        x(r(Ce), {
+        $(u(Ce), {
           index: t.routeData.path
         }, {
           title: i(() => [
-            D("span", null, k(t.routeData.meta.title), 1)
+            w("span", null, k(t.routeData.meta.title), 1)
           ]),
           default: i(() => [
-            x(O, {
+            $(j, {
               icon: t.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
@@ -597,7 +597,7 @@ const O = /* @__PURE__ */ I(ze, [["render", Re], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), Oe = /* @__PURE__ */ w({
+}), Be = /* @__PURE__ */ V({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -611,17 +611,17 @@ const O = /* @__PURE__ */ I(ze, [["render", Re], ["__scopeId", "data-v-261ce99a"
     const s = d, c = (o) => {
       s("handleMenuItemClick", o);
     };
-    return (o, m) => (l(), u(r(ke), _(ee(o.$attrs)), {
+    return (o, m) => (l(), r(u(ke), _(ee(o.$attrs)), {
       default: i(() => [
-        (l(!0), g(C, null, y(t.menuList, (p) => (l(), u(Be, {
-          routeData: p,
+        (l(!0), p(C, null, y(t.menuList, (g) => (l(), r(Re, {
+          routeData: g,
           onHandleMenuItemClick: c
         }, null, 8, ["routeData"]))), 256))
       ]),
       _: 1
     }, 16));
   }
-}), je = /* @__PURE__ */ w({
+}), Oe = /* @__PURE__ */ V({
   name: "Pagination",
   __name: "index",
   props: {
@@ -664,47 +664,50 @@ const O = /* @__PURE__ */ I(ze, [["render", Re], ["__scopeId", "data-v-261ce99a"
       set(e) {
         c("update:limit", e);
       }
-    }), p = (e) => {
+    }), g = (e) => {
       o.value * e > s.total && (o.value = 1), c("pagination", { page: o.value, limit: e });
     }, n = (e) => {
       c("pagination", { page: e, limit: m.value });
     };
-    return (e, a) => te((l(), u(r(De), {
-      "current-page": o.value,
-      "onUpdate:currentPage": a[0] || (a[0] = (f) => o.value = f),
-      "page-size": m.value,
-      "onUpdate:pageSize": a[1] || (a[1] = (f) => m.value = f),
-      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: p,
-      onCurrentChange: n
-    }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-      [ae, t.total > 0]
-    ]);
+    return (e, a) => {
+      const f = z("el-pagination");
+      return te((l(), r(f, {
+        "current-page": o.value,
+        "onUpdate:currentPage": a[0] || (a[0] = (D) => o.value = D),
+        "page-size": m.value,
+        "onUpdate:pageSize": a[1] || (a[1] = (D) => m.value = D),
+        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: g,
+        onCurrentChange: n
+      }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
+        [ae, t.total > 0]
+      ]);
+    };
   }
-}), Ae = /* @__PURE__ */ I(je, [["__scopeId", "data-v-e3fa4ed7"]]), Le = [
-  Me,
-  Ue,
-  Ye,
+}), je = /* @__PURE__ */ U(Oe, [["__scopeId", "data-v-1e34e383"]]), Ae = [
+  He,
+  Ie,
+  Fe,
   Te,
-  Oe,
-  Ae
-], j = [], qe = (t) => {
-  Le.forEach((d) => {
-    j.push(d.name), t.component(d.name, d);
-  }), console.log("mwl-components", j);
-}, Ke = { install: qe };
+  Be,
+  je
+], A = [], Le = (t) => {
+  Ae.forEach((d) => {
+    A.push(d.name), t.component(d.name, d);
+  }), console.log("mwl-components", A);
+}, Je = { install: Le };
 export {
-  Me as ContentWarp,
-  Ue as Dialog,
-  Ye as EasyForm,
+  He as ContentWarp,
+  Ie as Dialog,
+  Fe as EasyForm,
   Te as EasyTable,
-  Oe as MenuTree,
-  Ae as Pagination,
-  Ke as default,
-  qe as install
+  Be as MenuTree,
+  je as Pagination,
+  Je as default,
+  Le 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-84850699] .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}}
+.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-84850699] .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}}

package/package.json

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