mwl-components 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,9 +1,37 @@
-import { defineComponent as D, useSlots as V, ref as H, resolveComponent as m, createBlock as p, openBlock as r, normalizeClass as X, createSlots as L, withCtx as i, renderSlot as S, createElementVNode as I, createElementBlock as _, createCommentVNode as E, toDisplayString as Y, watch as Z, nextTick as ee, computed as F, unref as A, mergeProps as O, normalizeStyle as U, createTextVNode as j, createVNode as N, mergeModels as te, useModel as ne, getCurrentInstance as K, Fragment as M, renderList as P, resolveDynamicComponent as $, h as z, inject as oe, onMounted as ae, onUnmounted as le, withDirectives as G, vShow as J, normalizeProps as re, guardReactiveProps as se } from "vue";
-import { configProviderContextKey as ue } from "element-plus";
-const ce = { class: "card-header" }, ie = {
+import { defineComponent as M, useAttrs as X, ref as Y, resolveComponent as d, createBlock as p, openBlock as r, mergeProps as P, withCtx as i, renderSlot as C, useSlots as V, normalizeClass as Z, createSlots as L, createElementVNode as I, createElementBlock as x, createCommentVNode as E, toDisplayString as $, watch as ee, nextTick as te, computed as O, unref as B, normalizeStyle as U, createTextVNode as j, createVNode as N, mergeModels as ne, useModel as oe, getCurrentInstance as K, Fragment as D, renderList as W, resolveDynamicComponent as H, h as z, inject as ae, onMounted as le, onUnmounted as re, withDirectives as G, vShow as J, normalizeProps as se, guardReactiveProps as ue } from "vue";
+import { configProviderContextKey as ce } from "element-plus";
+const ie = /* @__PURE__ */ M({
+  name: "EasyButton",
+  inheritAttrs: !1,
+  __name: "index",
+  setup(e) {
+    const { onClick: n, ...t } = X(), s = Y(!1), c = async () => {
+      console.log("Button clicked"), s.value = !0;
+      try {
+        await n?.();
+      } catch (u) {
+        console.error("Error in button onClick handler:", u);
+      } finally {
+        s.value = !1;
+      }
+    };
+    return (u, g) => {
+      const o = d("el-button");
+      return r(), p(o, P(t, {
+        loading: s.value,
+        onClick: c
+      }), {
+        default: i(() => [
+          C(u.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["loading"]);
+    };
+  }
+}), de = { class: "card-header" }, me = {
   key: 0,
   class: "card-header__message"
-}, de = /* @__PURE__ */ D({
+}, pe = /* @__PURE__ */ M({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -11,44 +39,44 @@ const ce = { class: "card-header" }, ie = {
     message: String
   },
   setup(e) {
-    const a = V(), t = H("content-wrap");
-    return (s, u) => {
-      const c = m("ElCard");
-      return r(), p(c, {
-        class: X([t.value]),
+    const n = V(), t = Y("content-wrap");
+    return (s, c) => {
+      const u = d("ElCard");
+      return r(), p(u, {
+        class: Z([t.value]),
         shadow: "never"
       }, L({
         default: i(() => [
-          S(s.$slots, "default", {}, void 0, !0)
+          C(s.$slots, "default", {}, void 0, !0)
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: i(() => [
-            I("div", ce, [
-              I("span", null, Y(e.title), 1),
-              e.message ? (r(), _("span", ie, Y(e.message), 1)) : E("", !0)
+            I("div", de, [
+              I("span", null, $(e.title), 1),
+              e.message ? (r(), x("span", me, $(e.message), 1)) : E("", !0)
             ])
           ]),
           key: "0"
         } : void 0,
-        a.footer ? {
+        n.footer ? {
           name: "footer",
           fn: i(() => [
-            S(s.$slots, "footer", {}, void 0, !0)
+            C(s.$slots, "footer", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["class"]);
     };
   }
-}), W = (e, a) => {
+}), F = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [s, u] of a)
-    t[s] = u;
+  for (const [s, c] of n)
+    t[s] = c;
   return t;
-}, me = /* @__PURE__ */ W(de, [["__scopeId", "data-v-fdaaba5e"]]), pe = { class: "dialog-header" }, fe = /* @__PURE__ */ D({
+}, fe = /* @__PURE__ */ F(pe, [["__scopeId", "data-v-fdaaba5e"]]), ge = { class: "dialog-header" }, he = /* @__PURE__ */ M({
   name: "Dialog",
   __name: "index",
   props: {
@@ -74,62 +102,62 @@ const ce = { class: "card-header" }, ie = {
     }
   },
   setup(e) {
-    const a = V(), t = e, s = H(t.fullscreen), u = () => {
-      s.value = !A(s);
-    }, c = H(t.maxHeight);
-    Z(
+    const n = V(), t = e, s = Y(t.fullscreen), c = () => {
+      s.value = !B(s);
+    }, u = Y(t.maxHeight);
+    ee(
       () => s.value,
-      async (l) => {
-        if (await ee(), l) {
-          const n = document.documentElement.offsetHeight;
-          c.value = `${n - 55 - 40 - (a.footer ? 63 : 0)}px`;
+      async (o) => {
+        if (await te(), o) {
+          const a = document.documentElement.offsetHeight;
+          u.value = `${a - 55 - 40 - (n.footer ? 63 : 0)}px`;
         } else
-          c.value = t.maxHeight;
+          u.value = t.maxHeight;
       },
       {
         immediate: !0
       }
     );
-    const g = F(() => {
+    const g = O(() => {
       if (t.maxHeight)
         return {
-          height: A(c)
+          height: B(u)
         };
     });
-    return (l, n) => {
-      const f = m("FullScreen"), k = m("el-icon"), x = m("ElScrollbar"), h = m("ElDialog");
-      return r(), p(h, O({
+    return (o, a) => {
+      const f = d("FullScreen"), k = d("el-icon"), _ = d("ElScrollbar"), h = d("ElDialog");
+      return r(), p(h, P({
         "close-on-click-modal": !1,
         "destroy-on-close": "",
         draggable: "",
         "lock-scroll": "",
         class: "custom-dialog",
         "append-to-body": ""
-      }, l.$attrs, {
+      }, o.$attrs, {
         fullscreen: s.value,
         width: e.width
       }), L({
         default: i(() => [
-          e.scroll ? (r(), p(x, {
+          e.scroll ? (r(), p(_, {
             key: 0,
             style: U(g.value)
           }, {
             default: i(() => [
-              S(l.$slots, "default")
+              C(o.$slots, "default")
             ]),
             _: 3
-          }, 8, ["style"])) : S(l.$slots, "default", { key: 1 })
+          }, 8, ["style"])) : C(o.$slots, "default", { key: 1 })
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: i(() => [
-            I("div", pe, [
-              S(l.$slots, "title", {}, () => [
-                j(Y(e.title), 1)
+            I("div", ge, [
+              C(o.$slots, "title", {}, () => [
+                j($(e.title), 1)
               ]),
-              I("div", { onClick: u }, [
+              I("div", { onClick: c }, [
                 N(k, { class: "fullScreen" }, {
                   default: i(() => [
                     N(f)
@@ -141,37 +169,37 @@ const ce = { class: "card-header" }, ie = {
           ]),
           key: "0"
         } : void 0,
-        a.footer ? {
+        n.footer ? {
           name: "footer",
           fn: i(() => [
-            S(l.$slots, "footer")
+            C(o.$slots, "footer")
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), ge = { key: 1 }, he = (e) => {
-  let a = e.label;
-  if (e.label && typeof e.label == "function" && (a = e.label()), e.type.indexOf("select") > -1 || e.type.indexOf("cascader") > -1 || e.type.indexOf("date") > -1)
-    return `请选择${a}`;
+}), ye = { key: 1 }, be = (e) => {
+  let n = e.label;
+  if (e.label && typeof e.label == "function" && (n = e.label()), e.type.indexOf("select") > -1 || e.type.indexOf("cascader") > -1 || e.type.indexOf("date") > -1)
+    return `请选择${n}`;
   if (e.type.indexOf("text") > -1 || e.type.indexOf("number") > -1)
-    return `请输入${a}`;
-}, R = {
+    return `请输入${n}`;
+}, T = {
   valueFormat: "YYYY-MM-DD HH:mm:ss",
   format: "YYYY-MM-DD HH:mm:ss"
-}, ye = (e) => {
-  const { options: a } = e;
+}, ve = (e) => {
+  const { options: n } = e;
   return {
-    default: () => a?.map((t) => z(m("el-option"), {
+    default: () => n?.map((t) => z(d("el-option"), {
       label: t.label,
       value: t.value,
       key: t.value
     }))
   };
-}, T = {
+}, A = {
   clearable: !0
-}, be = [
+}, ke = [
   {
     type: "slider",
     component: "el-slider"
@@ -180,14 +208,14 @@ const ce = { class: "card-header" }, ie = {
     type: "text",
     component: "el-input",
     attrs: {
-      ...T
+      ...A
     }
   },
   {
     type: "textarea",
     component: "el-input",
     attrs: {
-      ...T
+      ...A
     }
   },
   {
@@ -205,10 +233,10 @@ const ce = { class: "card-header" }, ie = {
     type: "checkbox",
     component: "el-checkbox-group",
     slots: (e) => {
-      const { options: a } = e;
+      const { options: n } = e;
       return {
-        default: () => a?.map((t) => z(
-          m("el-checkbox"),
+        default: () => n?.map((t) => z(
+          d("el-checkbox"),
           {
             value: t.value
           },
@@ -223,10 +251,10 @@ const ce = { class: "card-header" }, ie = {
     type: "radio",
     component: "el-radio-group",
     slots: (e) => {
-      const { options: a } = e;
+      const { options: n } = e;
       return {
-        default: () => a?.map((t) => z(
-          m("el-radio"),
+        default: () => n?.map((t) => z(
+          d("el-radio"),
           {
             value: t.value
           },
@@ -240,7 +268,7 @@ const ce = { class: "card-header" }, ie = {
   {
     type: "select",
     component: "el-select",
-    slots: ye
+    slots: ve
   },
   {
     type: "select-v2",
@@ -250,7 +278,7 @@ const ce = { class: "card-header" }, ie = {
     type: "tree-select",
     component: "el-tree-select",
     attrs: {
-      ...T,
+      ...A,
       checkStrictly: !0,
       //是否严格的遵循父子不互相关联的做法，默认为 false
       renderAfterExpand: !0
@@ -271,7 +299,7 @@ const ce = { class: "card-header" }, ie = {
     component: "el-date-picker",
     attrs: {
       showConfirm: !1,
-      ...R
+      ...T
     }
   },
   {
@@ -300,7 +328,7 @@ const ce = { class: "card-header" }, ie = {
       rangeSeparator: "至",
       startPlaceholder: "开始日期",
       endPlaceholder: "结束日期",
-      ...R
+      ...T
     }
   },
   {
@@ -318,10 +346,10 @@ const ce = { class: "card-header" }, ie = {
     type: "custom",
     component: "el-form-item"
   }
-], ve = /* @__PURE__ */ D({
+], _e = /* @__PURE__ */ M({
   name: "EasyForm",
   __name: "index",
-  props: /* @__PURE__ */ te({
+  props: /* @__PURE__ */ ne({
     inline: {
       type: Boolean,
       default: !0
@@ -355,90 +383,90 @@ const ce = { class: "card-header" }, ie = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = ne(e, "modelValue"), t = K(), s = (l) => {
-      u(l, "formRef");
-    }, u = (l, n) => {
-      if (!l) {
-        delete t?.exposeProxy?.[n], delete t?.exposed?.[n];
+    const n = oe(e, "modelValue"), t = K(), s = (o) => {
+      c(o, "formRef");
+    }, c = (o, a) => {
+      if (!o) {
+        delete t?.exposeProxy?.[a], delete t?.exposed?.[a];
         return;
       }
       t.exposeProxy = {
         ...t?.exposed,
-        [n]: l
+        [a]: o
       }, t.exposed = {
         ...t?.exposed,
-        [n]: l
+        [a]: o
       };
-    }, c = V(), g = (l, n, f) => {
-      const { value: k, component: x, ...h } = n, d = be.find(
-        (b) => !!l && b.type.indexOf(l) > -1
-      ), C = d?.component === "el-select" && n.props, y = n.options && !C ? d?.slots?.(n) : {};
-      if (!d && !n.component)
-        return new Error(`未找到type为${l}的组件且当前也未传递component`);
-      const o = $(d?.component || x);
-      if (o)
+    }, u = V(), g = (o, a, f) => {
+      const { value: k, component: _, ...h } = a, m = ke.find(
+        (b) => !!o && b.type.indexOf(o) > -1
+      ), w = m?.component === "el-select" && a.props, y = a.options && !w ? m?.slots?.(a) : {};
+      if (!m && !a.component)
+        return new Error(`未找到type为${o}的组件且当前也未传递component`);
+      const l = H(m?.component || _);
+      if (l)
         return z(
-          o,
+          l,
           {
-            ...d?.attrs,
+            ...m?.attrs,
             // 这里的ref还是从配置注入吧。不是每次都要用到ref
             // ref: (el: any) => {
             //   setRefs(el, formItem.prop)
             // },
             ...h,
             //外部传入的 优先级最高
-            placeholder: h.placeholder || he(n)
+            placeholder: h.placeholder || be(a)
           },
           { ...y, ...f }
         );
     };
-    return (l, n) => {
-      const f = m("el-form-item"), k = m("el-form");
-      return r(), p(k, O({
-        model: a.value,
+    return (o, a) => {
+      const f = d("el-form-item"), k = d("el-form");
+      return r(), p(k, P({
+        model: n.value,
         "label-width": e.labelWidth,
         inline: e.inline,
         "scroll-to-error": !0
-      }, { ...l.$attrs }, {
+      }, { ...o.$attrs }, {
         ref: s,
         class: "easy-form"
       }), {
         default: i(() => [
-          (r(!0), _(M, null, P(e.formItems, ({ id: x, type: h, rule: d, width: C, slots: y, ...o }, b) => (r(), _(M, null, [
-            h != "custom" && !o.hidden ? (r(), p(f, {
-              prop: o.prop,
+          (r(!0), x(D, null, W(e.formItems, ({ id: _, type: h, rule: m, width: w, slots: y, ...l }, b) => (r(), x(D, null, [
+            h != "custom" && !l.hidden ? (r(), p(f, {
+              prop: l.prop,
               key: b,
-              "label-width": o.labelWidth,
-              rules: d,
-              required: o.required
+              "label-width": l.labelWidth,
+              rules: m,
+              required: l.required
             }, {
               label: i(() => [
-                o.label && typeof o.label == "function" ? (r(), p($(o.label), { key: 0 })) : (r(), _("span", ge, Y(o.label), 1))
+                l.label && typeof l.label == "function" ? (r(), p(H(l.label), { key: 0 })) : (r(), x("span", ye, $(l.label), 1))
               ]),
               default: i(() => [
-                c[o.prop] ? S(l.$slots, o.prop, {
+                u[l.prop] ? C(o.$slots, l.prop, {
                   key: 0,
-                  item: o
-                }, void 0, !0) : (r(), p($(g(h, { ...o, type: h }, y)), {
+                  item: l
+                }, void 0, !0) : (r(), p(H(g(h, { ...l, type: h }, y)), {
                   key: 1,
-                  modelValue: a.value[o.prop],
-                  "onUpdate:modelValue": (v) => a.value[o.prop] = v,
+                  modelValue: n.value[l.prop],
+                  "onUpdate:modelValue": (v) => n.value[l.prop] = v,
                   modelModifiers: { trim: !0 },
-                  style: U({ width: C || e.itemWidth })
+                  style: U({ width: w || e.itemWidth })
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "style"]))
               ]),
               _: 2
             }, 1032, ["prop", "label-width", "rules", "required"])) : E("", !0),
-            h == "custom" ? (r(), _(M, { key: 1 }, [
-              y?.[o.prop] ? (r(), p($(y[o.prop]), { key: 0 })) : S(l.$slots, o.prop, {
+            h == "custom" ? (r(), x(D, { key: 1 }, [
+              y?.[l.prop] ? (r(), p(H(y[l.prop]), { key: 0 })) : C(o.$slots, l.prop, {
                 key: 1,
-                item: { width: C, rule: d, ...o }
+                item: { width: w, rule: m, ...l }
               }, void 0, !0)
             ], 64)) : E("", !0)
           ], 64))), 256)),
-          c.append ? (r(), p(f, { key: 0 }, {
+          u.append ? (r(), p(f, { key: 0 }, {
             default: i(() => [
-              S(l.$slots, "append", {}, void 0, !0)
+              C(o.$slots, "append", {}, void 0, !0)
             ]),
             _: 3
           })) : E("", !0)
@@ -447,7 +475,7 @@ const ce = { class: "card-header" }, ie = {
       }, 16, ["model", "label-width", "inline"]);
     };
   }
-}), ke = /* @__PURE__ */ W(ve, [["__scopeId", "data-v-ebcd5674"]]), xe = /* @__PURE__ */ D({
+}), xe = /* @__PURE__ */ F(_e, [["__scopeId", "data-v-ebcd5674"]]), Ce = /* @__PURE__ */ M({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -486,72 +514,72 @@ const ce = { class: "card-header" }, ie = {
     }
   },
   setup(e) {
-    const a = oe(ue), t = e, s = F(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), u = H(), c = H("auto");
+    const n = ae(ce), t = e, s = O(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), c = Y(), u = Y("auto");
     let g = K();
-    const l = () => {
-      let d = "auto";
+    const o = () => {
+      let m = "auto";
       if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
-        let o = t.footerHeight;
-        a?.value?.size === "small" ? o = o - 8 : a?.value?.size === "large" && (o = o + 8);
+        let l = t.footerHeight;
+        n?.value?.size === "small" ? l = l - 8 : n?.value?.size === "large" && (l = l + 8);
         try {
           const b = g?.refs.tableRef, { top: v } = b?.getBoundingClientRect();
-          d = document.documentElement.clientHeight - v - o - 20;
+          m = document.documentElement.clientHeight - v - l - 20;
         } catch {
         }
-        return d;
+        return m;
       }
-      return d;
-    }, n = H(), f = () => {
-      n.value && clearTimeout(n.value), n.value = setTimeout(() => {
-        c.value = l(), n.value = null;
+      return m;
+    }, a = Y(), f = () => {
+      a.value && clearTimeout(a.value), a.value = setTimeout(() => {
+        u.value = o(), a.value = null;
       }, 100);
     };
-    ae(() => {
-      c.value = l(), window.addEventListener("resize", f);
-    }), le(() => {
+    le(() => {
+      u.value = o(), window.addEventListener("resize", f);
+    }), re(() => {
       window.removeEventListener("resize", f);
     });
-    const k = m("el-table-column"), x = V(), h = (d) => {
-      const { slots: C = {}, children: y = [], ...o } = d;
+    const k = d("el-table-column"), _ = V(), h = (m) => {
+      const { slots: w = {}, children: y = [], ...l } = m;
       if (y && y.length > 0) {
         const b = y.map((v) => h(v));
         return z(
           k,
           {
             align: t.align,
-            ...o
+            ...l
           },
           // default 插槽默认使用 childrenNode 不能被slots 覆盖
-          { ...C, default: () => b }
+          { ...w, default: () => b }
         );
       }
       return z(
         k,
         {
           align: t.align,
-          ...o
+          ...l
         },
         // 最里层的表格列 default 插槽  slots传递的优先级最高 模版直接传递的可被 slots 覆盖
         {
-          default: (b) => x[d.prop] && x[d.prop](b),
-          ...C
+          default: (b) => _[m.prop] && _[m.prop](b),
+          ...w
         }
       );
     };
-    return (d, C) => {
-      const y = m("el-button"), o = m("el-table-column"), b = m("el-table");
-      return r(), _("div", {
+    return (m, w) => {
+      const y = d("el-button"), l = d("el-table-column"), b = d("el-table");
+      return r(), x("div", {
         ref_key: "tableRef",
-        ref: u
+        ref: c
       }, [
-        N(b, O({ style: { width: "100%" } }, d.$attrs, {
+        N(b, P({ style: { width: "100%" } }, m.$attrs, {
           data: e.data,
           height: e.height,
-          maxHeight: e.maxHeight ? e.maxHeight : c.value
+          maxHeight: e.maxHeight ? e.maxHeight : u.value
         }), {
           default: i(() => [
-            (r(!0), _(M, null, P(e.tableColumns, (v, w) => (r(), p($(h(v)), { key: w }))), 128)),
-            e.buttons && e.buttons.length ? (r(), p(o, {
+            (r(!0), x(D, null, W(e.tableColumns, (v, S) => (r(), p(H(h(v)), { key: S }))), 128)),
+            e.buttons && e.buttons.length ? (r(), p(l, {
               key: 0,
               align: "center",
               fixed: "right",
@@ -559,21 +587,21 @@ const ce = { class: "card-header" }, ie = {
               width: s.value
             }, {
               default: i((v) => [
-                (r(!0), _(M, null, P(e.buttons, (w, Q) => G((r(), p(y, O({ ref_for: !0 }, { ...w }, {
+                (r(!0), x(D, null, W(e.buttons, (S, Q) => G((r(), p(y, P({ ref_for: !0 }, { ...S }, {
                   key: Q,
-                  type: w.type.includes("del") ? "danger" : "primary",
+                  type: S.type.includes("del") ? "danger" : "primary",
                   onClick: () => {
-                    w.click?.(v.row);
+                    S.click?.(v.row);
                   },
-                  disabled: w.disabled?.(v.row) || !1,
-                  link: w.link?.(v.row) || !0
+                  disabled: S.disabled?.(v.row) || !1,
+                  link: S.link?.(v.row) || !0
                 }), {
                   default: i(() => [
-                    j(Y(w.label), 1)
+                    j($(S.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["type", "onClick", "disabled", "link"])), [
-                  [J, w.show?.(v.row) || !0]
+                  [J, S.show?.(v.row) || !0]
                 ])), 128))
               ]),
               _: 1
@@ -584,7 +612,7 @@ const ce = { class: "card-header" }, ie = {
       ], 512);
     };
   }
-}), _e = /* @__PURE__ */ W(xe, [["__scopeId", "data-v-1c87357b"]]), Ce = {
+}), we = /* @__PURE__ */ F(Ce, [["__scopeId", "data-v-1c87357b"]]), Se = {
   name: "",
   components: {},
   props: {
@@ -594,13 +622,13 @@ const ce = { class: "card-header" }, ie = {
     }
   }
 };
-function we(e, a, t, s, u, c) {
-  return t.icon ? (r(), p($(t.icon), {
+function Me(e, n, t, s, c, u) {
+  return t.icon ? (r(), p(H(t.icon), {
     key: 0,
     class: "menu_icon"
   })) : E("", !0);
 }
-const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"]]), Se = /* @__PURE__ */ D({
+const R = /* @__PURE__ */ F(Se, [["render", Me], ["__scopeId", "data-v-261ce99a"]]), Ye = /* @__PURE__ */ M({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -610,43 +638,43 @@ const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(e, { emit: a }) {
-    const t = a;
-    function s(u) {
-      t("handleMenuItemClick", u);
+  setup(e, { emit: n }) {
+    const t = n;
+    function s(c) {
+      t("handleMenuItemClick", c);
     }
-    return (u, c) => {
-      const g = m("subMenu", !0), l = m("el-sub-menu"), n = m("el-menu-item");
-      return e.routeData.children && e.routeData.children.length > 0 ? (r(), p(l, {
+    return (c, u) => {
+      const g = d("subMenu", !0), o = d("el-sub-menu"), a = d("el-menu-item");
+      return e.routeData.children && e.routeData.children.length > 0 ? (r(), p(o, {
         key: 0,
         index: e.routeData.path
       }, {
         title: i(() => [
-          N(B, {
+          N(R, {
             icon: e.routeData.meta.icon
           }, null, 8, ["icon"]),
-          I("span", null, Y(e.routeData.meta.title), 1)
+          I("span", null, $(e.routeData.meta.title), 1)
         ]),
         default: i(() => [
-          (r(!0), _(M, null, P(e.routeData.children, (f, k) => (r(), p(g, {
+          (r(!0), x(D, null, W(e.routeData.children, (f, k) => (r(), p(g, {
             onHandleMenuItemClick: s,
             routeData: f,
             key: k
           }, null, 8, ["routeData"]))), 128))
         ]),
         _: 1
-      }, 8, ["index"])) : (r(), _("div", {
+      }, 8, ["index"])) : (r(), x("div", {
         key: 1,
-        onClick: c[0] || (c[0] = (f) => s(e.routeData))
+        onClick: u[0] || (u[0] = (f) => s(e.routeData))
       }, [
-        N(n, {
+        N(a, {
           index: e.routeData.path
         }, {
           title: i(() => [
-            I("span", null, Y(e.routeData.meta.title), 1)
+            I("span", null, $(e.routeData.meta.title), 1)
           ]),
           default: i(() => [
-            N(B, {
+            N(R, {
               icon: e.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
@@ -655,7 +683,7 @@ const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), Me = /* @__PURE__ */ D({
+}), De = /* @__PURE__ */ M({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -665,16 +693,16 @@ const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(e, { emit: a }) {
-    const t = a, s = (u) => {
-      t("handleMenuItemClick", u);
+  setup(e, { emit: n }) {
+    const t = n, s = (c) => {
+      t("handleMenuItemClick", c);
     };
-    return (u, c) => {
-      const g = m("el-menu");
-      return r(), p(g, re(se(u.$attrs)), {
+    return (c, u) => {
+      const g = d("el-menu");
+      return r(), p(g, se(ue(c.$attrs)), {
         default: i(() => [
-          (r(!0), _(M, null, P(e.menuList, (l) => (r(), p(Se, {
-            routeData: l,
+          (r(!0), x(D, null, W(e.menuList, (o) => (r(), p(Ye, {
+            routeData: o,
             onHandleMenuItemClick: s
           }, null, 8, ["routeData"]))), 256))
         ]),
@@ -682,7 +710,7 @@ const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"
       }, 16);
     };
   }
-}), Ye = /* @__PURE__ */ D({
+}), $e = /* @__PURE__ */ M({
   name: "Pagination",
   __name: "index",
   props: {
@@ -710,33 +738,33 @@ const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"
     onPagination: { type: Function }
   },
   emits: ["update:page", "update:limit", "pagination"],
-  setup(e, { emit: a }) {
-    const t = e, s = a, u = F({
+  setup(e, { emit: n }) {
+    const t = e, s = n, c = O({
       get() {
         return t.page;
       },
-      set(n) {
-        s("update:page", n);
+      set(a) {
+        s("update:page", a);
       }
-    }), c = F({
+    }), u = O({
       get() {
         return t.limit;
       },
-      set(n) {
-        s("update:limit", n);
+      set(a) {
+        s("update:limit", a);
       }
-    }), g = (n) => {
-      u.value * n > t.total && (u.value = 1), s("pagination", { page: u.value, limit: n });
-    }, l = (n) => {
-      s("pagination", { page: n, limit: c.value });
+    }), g = (a) => {
+      c.value * a > t.total && (c.value = 1), s("pagination", { page: c.value, limit: a });
+    }, o = (a) => {
+      s("pagination", { page: a, limit: u.value });
     };
-    return (n, f) => {
-      const k = m("el-pagination");
+    return (a, f) => {
+      const k = d("el-pagination");
       return G((r(), p(k, {
-        "current-page": u.value,
-        "onUpdate:currentPage": f[0] || (f[0] = (x) => u.value = x),
-        "page-size": c.value,
-        "onUpdate:pageSize": f[1] || (f[1] = (x) => c.value = x),
+        "current-page": c.value,
+        "onUpdate:currentPage": f[0] || (f[0] = (_) => c.value = _),
+        "page-size": u.value,
+        "onUpdate:pageSize": f[1] || (f[1] = (_) => u.value = _),
         background: !0,
         "page-sizes": [10, 20, 30, 50, 100],
         "pager-count": e.pagerCount,
@@ -744,34 +772,36 @@ const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"
         class: "pagination",
         layout: "total, sizes, prev, pager, next, jumper",
         onSizeChange: g,
-        onCurrentChange: l
+        onCurrentChange: o
       }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
         [J, e.total > 0]
       ]);
     };
   }
-}), De = /* @__PURE__ */ W(Ye, [["__scopeId", "data-v-1e34e383"]]), $e = [
-  me,
+}), He = /* @__PURE__ */ F($e, [["__scopeId", "data-v-1e34e383"]]), Ee = [
+  ie,
   fe,
-  ke,
+  he,
+  xe,
   // EasyFormH,
-  _e,
-  Me,
-  De
-], q = [], He = (e, a) => {
-  $e.forEach((t) => {
+  we,
+  De,
+  He
+], q = [], Ne = (e, n) => {
+  Ee.forEach((t) => {
     q.push(t.name), e.component(t.name, t);
   }), console.log("mwl-components", q);
-}, Ie = { install: He };
+}, Pe = { install: Ne };
 export {
-  me as ContentWarp,
-  fe as Dialog,
-  ke as EasyForm,
-  _e as EasyTable,
-  Me as MenuTree,
-  De as Pagination,
-  be as componentsMap,
-  Ie as default,
-  he as getPlaceholder,
-  He as install
+  fe as ContentWarp,
+  he as Dialog,
+  ie as EasyButton,
+  xe as EasyForm,
+  we as EasyTable,
+  De as MenuTree,
+  He as Pagination,
+  ke as componentsMap,
+  Pe as default,
+  be as getPlaceholder,
+  Ne as install
 };