mwl-components 0.1.5 → 0.1.8

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as E, useAttrs as ce, ref as w, resolveComponent as y, createBlock as g, openBlock as s, mergeProps as T, withCtx as h, renderSlot as M, useSlots as F, normalizeClass as de, createSlots as U, createElementVNode as Y, createElementBlock as b, createCommentVNode as I, toDisplayString as D, watch as me, nextTick as pe, computed as P, unref as W, normalizeStyle as V, createTextVNode as X, createVNode as N, mergeModels as he, useModel as fe, getCurrentInstance as K, Fragment as H, renderList as z, resolveDynamicComponent as L, h as O, inject as ye, onMounted as G, onUnmounted as ge, withDirectives as J, vShow as Q, normalizeProps as ve, guardReactiveProps as be, withModifiers as xe } from "vue";
-import { configProviderContextKey as ke } from "element-plus";
-const Z = /* @__PURE__ */ E({
+import { defineComponent as $, useAttrs as ee, ref as w, resolveComponent as g, createBlock as y, openBlock as s, mergeProps as P, withCtx as h, renderSlot as S, useSlots as F, normalizeClass as te, createSlots as U, createElementVNode as D, createElementBlock as b, createCommentVNode as I, toDisplayString as Y, watch as ne, nextTick as oe, computed as T, unref as B, normalizeStyle as V, createTextVNode as X, createVNode as N, mergeModels as ae, useModel as le, getCurrentInstance as K, Fragment as H, renderList as z, resolveDynamicComponent as L, h as O, inject as se, onMounted as G, onUnmounted as re, withDirectives as J, vShow as Q, normalizeProps as ie, guardReactiveProps as ue, withModifiers as ce } from "vue";
+import { configProviderContextKey as de } from "element-plus";
+const me = /* @__PURE__ */ $({
   name: "EasyButton",
   inheritAttrs: !1,
   __name: "index",
   setup(e) {
-    const { onClick: n, ...t } = ce(), l = w(!1), i = async () => {
+    const { onClick: n, ...t } = ee(), l = w(!1), i = async () => {
       console.log("Button clicked"), l.value = !0;
       try {
         await n?.();
@@ -16,22 +16,22 @@ const Z = /* @__PURE__ */ E({
       }
     };
     return (u, c) => {
-      const a = y("el-button");
-      return s(), g(a, T(t, {
+      const a = g("el-button");
+      return s(), y(a, P(t, {
         loading: l.value,
         onClick: i
       }), {
         default: h(() => [
-          M(u.$slots, "default")
+          S(u.$slots, "default")
         ]),
         _: 3
       }, 16, ["loading"]);
     };
   }
-}), Ce = { class: "card-header" }, we = {
+}), pe = { class: "card-header" }, he = {
   key: 0,
   class: "card-header__message"
-}, _e = /* @__PURE__ */ E({
+}, fe = /* @__PURE__ */ $({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -41,22 +41,22 @@ const Z = /* @__PURE__ */ E({
   setup(e) {
     const n = F(), t = w("content-wrap");
     return (l, i) => {
-      const u = y("ElCard");
-      return s(), g(u, {
-        class: de([t.value]),
+      const u = g("ElCard");
+      return s(), y(u, {
+        class: te([t.value]),
         shadow: "never"
       }, U({
         default: h(() => [
-          M(l.$slots, "default", {}, void 0, !0)
+          S(l.$slots, "default", {}, void 0, !0)
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: h(() => [
-            Y("div", Ce, [
-              Y("span", null, D(e.title), 1),
-              e.message ? (s(), b("span", we, D(e.message), 1)) : I("", !0)
+            D("div", pe, [
+              D("span", null, Y(e.title), 1),
+              e.message ? (s(), b("span", he, Y(e.message), 1)) : I("", !0)
             ])
           ]),
           key: "0"
@@ -64,19 +64,19 @@ const Z = /* @__PURE__ */ E({
         n.footer ? {
           name: "footer",
           fn: h(() => [
-            M(l.$slots, "footer", {}, void 0, !0)
+            S(l.$slots, "footer", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["class"]);
     };
   }
-}), B = (e, n) => {
+}), W = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [l, i] of n)
     t[l] = i;
   return t;
-}, ee = /* @__PURE__ */ B(_e, [["__scopeId", "data-v-fdaaba5e"]]), Se = { class: "dialog-header" }, te = /* @__PURE__ */ E({
+}, ge = /* @__PURE__ */ W(fe, [["__scopeId", "data-v-fdaaba5e"]]), ye = { class: "dialog-header" }, ve = /* @__PURE__ */ $({
   name: "Dialog",
   __name: "index",
   props: {
@@ -103,12 +103,12 @@ const Z = /* @__PURE__ */ E({
   },
   setup(e) {
     const n = F(), t = e, l = w(t.fullscreen), i = () => {
-      l.value = !W(l);
+      l.value = !B(l);
     }, u = w(t.maxHeight);
-    me(
+    ne(
       () => l.value,
       async (a) => {
-        if (await pe(), a) {
+        if (await oe(), a) {
           const o = document.documentElement.offsetHeight;
           u.value = `${o - 55 - 40 - (n.footer ? 63 : 0)}px`;
         } else
@@ -118,15 +118,15 @@ const Z = /* @__PURE__ */ E({
         immediate: !0
       }
     );
-    const c = P(() => {
+    const c = T(() => {
       if (t.maxHeight)
         return {
-          height: W(u)
+          height: B(u)
         };
     });
     return (a, o) => {
-      const m = y("FullScreen"), d = y("el-icon"), f = y("ElScrollbar"), v = y("ElDialog");
-      return s(), g(v, T({
+      const m = g("FullScreen"), d = g("el-icon"), f = g("ElScrollbar"), v = g("ElDialog");
+      return s(), y(v, P({
         "close-on-click-modal": !1,
         "destroy-on-close": "",
         draggable: "",
@@ -138,26 +138,26 @@ const Z = /* @__PURE__ */ E({
         width: e.width
       }), U({
         default: h(() => [
-          e.scroll ? (s(), g(f, {
+          e.scroll ? (s(), y(f, {
             key: 0,
             style: V(c.value)
           }, {
             default: h(() => [
-              M(a.$slots, "default")
+              S(a.$slots, "default")
             ]),
             _: 3
-          }, 8, ["style"])) : M(a.$slots, "default", { key: 1 })
+          }, 8, ["style"])) : S(a.$slots, "default", { key: 1 })
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: h(() => [
-            Y("div", Se, [
-              M(a.$slots, "title", {}, () => [
-                X(D(e.title), 1)
+            D("div", ye, [
+              S(a.$slots, "title", {}, () => [
+                X(Y(e.title), 1)
               ]),
-              Y("div", { onClick: i }, [
+              D("div", { onClick: i }, [
                 N(d, { class: "fullScreen" }, {
                   default: h(() => [
                     N(m)
@@ -172,14 +172,14 @@ const Z = /* @__PURE__ */ E({
         n.footer ? {
           name: "footer",
           fn: h(() => [
-            M(a.$slots, "footer")
+            S(a.$slots, "footer")
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), Me = { key: 1 }, ne = (e) => {
+}), be = { key: 1 }, xe = (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}`;
@@ -188,10 +188,10 @@ const Z = /* @__PURE__ */ E({
 }, R = {
   valueFormat: "YYYY-MM-DD HH:mm:ss",
   format: "YYYY-MM-DD HH:mm:ss"
-}, $e = (e) => {
+}, ke = (e) => {
   const { options: n } = e;
   return {
-    default: () => n?.map((t) => O(y("el-option"), {
+    default: () => n?.map((t) => O(g("el-option"), {
       label: t.label,
       value: t.value,
       key: t.value
@@ -199,7 +199,7 @@ const Z = /* @__PURE__ */ E({
   };
 }, A = {
   clearable: !0
-}, oe = [
+}, Ce = [
   {
     type: "slider",
     component: "el-slider"
@@ -236,7 +236,7 @@ const Z = /* @__PURE__ */ E({
       const { options: n } = e;
       return {
         default: () => n?.map((t) => O(
-          y("el-checkbox"),
+          g("el-checkbox"),
           {
             value: t.value
           },
@@ -254,7 +254,7 @@ const Z = /* @__PURE__ */ E({
       const { options: n } = e;
       return {
         default: () => n?.map((t) => O(
-          y("el-radio"),
+          g("el-radio"),
           {
             value: t.value
           },
@@ -268,7 +268,7 @@ const Z = /* @__PURE__ */ E({
   {
     type: "select",
     component: "el-select",
-    slots: $e
+    slots: ke
   },
   {
     type: "select-v2",
@@ -346,10 +346,10 @@ const Z = /* @__PURE__ */ E({
     type: "custom",
     component: "el-form-item"
   }
-], Ee = /* @__PURE__ */ E({
+], we = /* @__PURE__ */ $({
   name: "EasyForm",
   __name: "index",
-  props: /* @__PURE__ */ he({
+  props: /* @__PURE__ */ ae({
     inline: {
       type: Boolean,
       default: !0
@@ -383,7 +383,7 @@ const Z = /* @__PURE__ */ E({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = fe(e, "modelValue"), t = K(), l = (a) => {
+    const n = le(e, "modelValue"), t = K(), l = (a) => {
       i(a, "formRef");
     }, i = (a, o) => {
       if (!a) {
@@ -398,7 +398,7 @@ const Z = /* @__PURE__ */ E({
         [o]: a
       };
     }, u = F(), c = (a, o, m) => {
-      const { value: d, component: f, ...v } = o, p = oe.find(
+      const { value: d, component: f, ...v } = o, p = Ce.find(
         (k) => !!a && k.type.indexOf(a) > -1
       ), _ = p?.component === "el-select" && o.props, x = o.options && !_ ? p?.slots?.(o) : {};
       if (!p && !o.component)
@@ -415,14 +415,14 @@ const Z = /* @__PURE__ */ E({
             // },
             ...v,
             //外部传入的 优先级最高
-            placeholder: v.placeholder || ne(o)
+            placeholder: v.placeholder || xe(o)
           },
           { ...x, ...m }
         );
     };
     return (a, o) => {
-      const m = y("el-form-item"), d = y("el-form");
-      return s(), g(d, T({
+      const m = g("el-form-item"), d = g("el-form");
+      return s(), y(d, P({
         model: n.value,
         "label-width": e.labelWidth,
         inline: e.inline,
@@ -433,7 +433,7 @@ const Z = /* @__PURE__ */ E({
       }), {
         default: h(() => [
           (s(!0), b(H, null, z(e.formItems, ({ id: f, type: v, rule: p, width: _, slots: x, ...r }, k) => (s(), b(H, null, [
-            v != "custom" && !r.hidden ? (s(), g(m, {
+            v != "custom" && !r.hidden ? (s(), y(m, {
               prop: r.prop,
               key: k,
               "label-width": r.labelWidth,
@@ -441,13 +441,13 @@ const Z = /* @__PURE__ */ E({
               required: r.required
             }, {
               label: h(() => [
-                r.label && typeof r.label == "function" ? (s(), g(L(r.label), { key: 0 })) : (s(), b("span", Me, D(r.label), 1))
+                r.label && typeof r.label == "function" ? (s(), y(L(r.label), { key: 0 })) : (s(), b("span", be, Y(r.label), 1))
               ]),
               default: h(() => [
-                u[r.prop] ? M(a.$slots, r.prop, {
+                u[r.prop] ? S(a.$slots, r.prop, {
                   key: 0,
                   item: r
-                }, void 0, !0) : (s(), g(L(c(v, { ...r, type: v }, x)), {
+                }, void 0, !0) : (s(), y(L(c(v, { ...r, type: v }, x)), {
                   key: 1,
                   modelValue: n.value[r.prop],
                   "onUpdate:modelValue": (C) => n.value[r.prop] = C,
@@ -458,15 +458,15 @@ const Z = /* @__PURE__ */ E({
               _: 2
             }, 1032, ["prop", "label-width", "rules", "required"])) : I("", !0),
             v == "custom" ? (s(), b(H, { key: 1 }, [
-              x?.[r.prop] ? (s(), g(L(x[r.prop]), { key: 0 })) : M(a.$slots, r.prop, {
+              x?.[r.prop] ? (s(), y(L(x[r.prop]), { key: 0 })) : S(a.$slots, r.prop, {
                 key: 1,
                 item: { width: _, rule: p, ...r }
               }, void 0, !0)
             ], 64)) : I("", !0)
           ], 64))), 256)),
-          u.append ? (s(), g(m, { key: 0 }, {
+          u.append ? (s(), y(m, { key: 0 }, {
             default: h(() => [
-              M(a.$slots, "append", {}, void 0, !0)
+              S(a.$slots, "append", {}, void 0, !0)
             ]),
             _: 3
           })) : I("", !0)
@@ -475,7 +475,7 @@ const Z = /* @__PURE__ */ E({
       }, 16, ["model", "label-width", "inline"]);
     };
   }
-}), ae = /* @__PURE__ */ B(Ee, [["__scopeId", "data-v-ebcd5674"]]), He = /* @__PURE__ */ E({
+}), _e = /* @__PURE__ */ W(we, [["__scopeId", "data-v-ebcd5674"]]), Se = /* @__PURE__ */ $({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -514,7 +514,7 @@ const Z = /* @__PURE__ */ E({
     }
   },
   setup(e) {
-    const n = ye(ke), t = e, l = P(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), i = w(), u = w("auto");
+    const n = se(de), t = e, l = T(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), i = w(), u = w("auto");
     let c = K();
     const a = () => {
       let p = "auto";
@@ -536,10 +536,10 @@ const Z = /* @__PURE__ */ E({
     };
     G(() => {
       u.value = a(), window.addEventListener("resize", m);
-    }), ge(() => {
+    }), re(() => {
       window.removeEventListener("resize", m);
     });
-    const d = y("el-table-column"), f = F(), v = (p) => {
+    const d = g("el-table-column"), f = F(), v = (p) => {
       const { slots: _ = {}, children: x = [], ...r } = p;
       if (x && x.length > 0) {
         const k = x.map((C) => v(C));
@@ -567,19 +567,19 @@ const Z = /* @__PURE__ */ E({
       );
     };
     return (p, _) => {
-      const x = y("el-button"), r = y("el-table-column"), k = y("el-table");
+      const x = g("el-button"), r = g("el-table-column"), k = g("el-table");
       return s(), b("div", {
         ref_key: "tableRef",
         ref: i
       }, [
-        N(k, T({ style: { width: "100%" } }, p.$attrs, {
+        N(k, P({ style: { width: "100%" } }, p.$attrs, {
           data: e.data,
           height: e.height,
           maxHeight: e.maxHeight ? e.maxHeight : u.value
         }), {
           default: h(() => [
-            (s(!0), b(H, null, z(e.tableColumns, (C, $) => (s(), g(L(v(C)), { key: $ }))), 128)),
-            e.buttons && e.buttons.length ? (s(), g(r, {
+            (s(!0), b(H, null, z(e.tableColumns, (C, M) => (s(), y(L(v(C)), { key: M }))), 128)),
+            e.buttons && e.buttons.length ? (s(), y(r, {
               key: 0,
               align: "center",
               fixed: "right",
@@ -587,21 +587,21 @@ const Z = /* @__PURE__ */ E({
               width: l.value
             }, {
               default: h((C) => [
-                (s(!0), b(H, null, z(e.buttons, ($, ue) => J((s(), g(x, T({ ref_for: !0 }, { ...$ }, {
-                  key: ue,
-                  type: $.type.includes("del") ? "danger" : "primary",
+                (s(!0), b(H, null, z(e.buttons, (M, Z) => J((s(), y(x, P({ ref_for: !0 }, { ...M }, {
+                  key: Z,
+                  type: M.type.includes("del") ? "danger" : "primary",
                   onClick: () => {
-                    $.click?.(C.row);
+                    M.click?.(C.row);
                   },
-                  disabled: $.disabled?.(C.row) || !1,
-                  link: $.link?.(C.row) || !0
+                  disabled: M.disabled?.(C.row) || !1,
+                  link: M.link?.(C.row) || !0
                 }), {
                   default: h(() => [
-                    X(D($.label), 1)
+                    X(Y(M.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["type", "onClick", "disabled", "link"])), [
-                  [Q, $.show?.(C.row) || !0]
+                  [Q, M.show?.(C.row) || !0]
                 ])), 128))
               ]),
               _: 1
@@ -612,7 +612,7 @@ const Z = /* @__PURE__ */ E({
       ], 512);
     };
   }
-}), le = /* @__PURE__ */ B(He, [["__scopeId", "data-v-1c87357b"]]), De = {
+}), Me = /* @__PURE__ */ W(Se, [["__scopeId", "data-v-1c87357b"]]), $e = {
   name: "",
   components: {},
   props: {
@@ -622,13 +622,13 @@ const Z = /* @__PURE__ */ E({
     }
   }
 };
-function Ye(e, n, t, l, i, u) {
-  return t.icon ? (s(), g(L(t.icon), {
+function Ee(e, n, t, l, i, u) {
+  return t.icon ? (s(), y(L(t.icon), {
     key: 0,
     class: "menu_icon"
   })) : I("", !0);
 }
-const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"]]), Le = /* @__PURE__ */ E({
+const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"]]), He = /* @__PURE__ */ $({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -644,8 +644,8 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
       t("handleMenuItemClick", i);
     }
     return (i, u) => {
-      const c = y("subMenu", !0), a = y("el-sub-menu"), o = y("el-menu-item");
-      return e.routeData.children && e.routeData.children.length > 0 ? (s(), g(a, {
+      const c = g("subMenu", !0), a = g("el-sub-menu"), o = g("el-menu-item");
+      return e.routeData.children && e.routeData.children.length > 0 ? (s(), y(a, {
         key: 0,
         index: e.routeData.path
       }, {
@@ -653,10 +653,10 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
           N(j, {
             icon: e.routeData.meta.icon
           }, null, 8, ["icon"]),
-          Y("span", null, D(e.routeData.meta.title), 1)
+          D("span", null, Y(e.routeData.meta.title), 1)
         ]),
         default: h(() => [
-          (s(!0), b(H, null, z(e.routeData.children, (m, d) => (s(), g(c, {
+          (s(!0), b(H, null, z(e.routeData.children, (m, d) => (s(), y(c, {
             onHandleMenuItemClick: l,
             routeData: m,
             key: d
@@ -671,7 +671,7 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
           index: e.routeData.path
         }, {
           title: h(() => [
-            Y("span", null, D(e.routeData.meta.title), 1)
+            D("span", null, Y(e.routeData.meta.title), 1)
           ]),
           default: h(() => [
             N(j, {
@@ -683,7 +683,7 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), se = /* @__PURE__ */ E({
+}), Ye = /* @__PURE__ */ $({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -698,10 +698,10 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
       t("handleMenuItemClick", i);
     };
     return (i, u) => {
-      const c = y("el-menu");
-      return s(), g(c, ve(be(i.$attrs)), {
+      const c = g("el-menu");
+      return s(), y(c, ie(ue(i.$attrs)), {
         default: h(() => [
-          (s(!0), b(H, null, z(e.menuList, (a) => (s(), g(Le, {
+          (s(!0), b(H, null, z(e.menuList, (a) => (s(), y(He, {
             routeData: a,
             onHandleMenuItemClick: l
           }, null, 8, ["routeData"]))), 256))
@@ -710,7 +710,7 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
       }, 16);
     };
   }
-}), Ie = /* @__PURE__ */ E({
+}), De = /* @__PURE__ */ $({
   name: "Pagination",
   __name: "index",
   props: {
@@ -739,14 +739,14 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
   },
   emits: ["update:page", "update:limit", "pagination"],
   setup(e, { emit: n }) {
-    const t = e, l = n, i = P({
+    const t = e, l = n, i = T({
       get() {
         return t.page;
       },
       set(o) {
         l("update:page", o);
       }
-    }), u = P({
+    }), u = T({
       get() {
         return t.limit;
       },
@@ -759,8 +759,8 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
       l("pagination", { page: o, limit: u.value });
     };
     return (o, m) => {
-      const d = y("el-pagination");
-      return J((s(), g(d, {
+      const d = g("el-pagination");
+      return J((s(), y(d, {
         "current-page": i.value,
         "onUpdate:currentPage": m[0] || (m[0] = (f) => i.value = f),
         "page-size": u.value,
@@ -778,7 +778,7 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
       ]);
     };
   }
-}), re = /* @__PURE__ */ B(Ie, [["__scopeId", "data-v-1e34e383"]]), Ne = ["onClick", "onMouseover"], Te = /* @__PURE__ */ E({
+}), Le = /* @__PURE__ */ W(De, [["__scopeId", "data-v-1e34e383"]]), Ie = ["onClick", "onMouseover"], Ne = /* @__PURE__ */ $({
   name: "EasyContextMenu",
   __name: "index",
   props: {
@@ -826,7 +826,7 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
         console.log("blur"), l.value = !1;
       });
     });
-    const o = P(() => n.maxHeight == "auto" ? "auto" : n.maxHeight.toString().indexOf("px") > -1 ? n.maxHeight : `${n.maxHeight}px`), m = P(() => ({
+    const o = T(() => n.maxHeight == "auto" ? "auto" : n.maxHeight.toString().indexOf("px") > -1 ? n.maxHeight : `${n.maxHeight}px`), m = T(() => ({
       backgroundColor: n.backgroundColor,
       left: `${i.value.x}px`,
       top: `${i.value.y}px`,
@@ -837,25 +837,25 @@ const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"
       ref_key: "contextMenu",
       ref: a
     }, [
-      Y("div", T({ class: "easy-context-menu" }, d.$attrs, {
-        style: { ...W(m) },
+      D("div", P({ class: "easy-context-menu" }, d.$attrs, {
+        style: { ...B(m) },
         ref_key: "menuListRef",
         ref: c
       }), [
         (s(!0), b(H, null, z(e.menuList, (v, p) => (s(), b("div", {
           key: p,
-          onContextmenu: f[0] || (f[0] = xe(() => {
+          onContextmenu: f[0] || (f[0] = ce(() => {
           }, ["stop"])),
           onClick: v.onClick,
           onMouseover: (_) => t.value = p,
           onMouseout: f[1] || (f[1] = (_) => t.value = -1),
-          style: V(W(t) === p ? n.hoverItemStyle : "")
-        }, D(v.label), 45, Ne))), 128))
+          style: V(B(t) === p ? n.hoverItemStyle : "")
+        }, Y(v.label), 45, Ie))), 128))
       ], 16)
     ], 512));
   }
-}), ie = /* @__PURE__ */ B(Te, [["__scopeId", "data-v-f9f5bc05"]]);
-class S {
+}), Pe = /* @__PURE__ */ W(Ne, [["__scopeId", "data-v-f9f5bc05"]]);
+class E {
   // 右键菜单的节点
   vnode = null;
   // 右键菜单的配置
@@ -882,25 +882,35 @@ class S {
   };
   // 当前右键菜单的dom节点
   menu = null;
+  // 是否单例
+  single = !0;
+  boundHide = this.hideMenu.bind(this);
+  // 绑定this 事件移除使用
+  boundShow = this.showMenu.bind(this);
+  // 绑定this 事件移除使用
   // 实例
   static #t = null;
   static getInstance() {
-    return S.#t || (S.#t = new S()), S.#t;
+    return E.#t || (E.#t = new E(), E.#t.single = !0), E.#t;
   }
-  constructor() {
-    S.#t || (S.#t = this);
+  /**
+   * 这个函数的用途写在这里
+   * @param {type} single 是否单例 默认是true
+   */
+  constructor(n) {
+    this.single = !1, n && this.create(n);
   }
   create(n) {
-    const t = S.getInstance();
+    const t = this.single ? E.getInstance() : this;
     return t.vnode !== n.target && t.destroy(), t.vnode = n.target || null, t.#e = { ...t.#e, ...n }, t.#o(), t;
   }
   // 初始化
   #o() {
-    this.defaultStyle = { ...this.defaultStyle, ...this.#e.style }, this.hoverStyle = { ...this.hoverStyle, ...this.#e.hoverStyle }, this.vnode && this.vnode?.addEventListener(this.#e.event || "contextmenu", this.showMenu), document.addEventListener("click", this.hideMenu), document.addEventListener("keydown", this.hideMenu);
+    this.defaultStyle = { ...this.defaultStyle, ...this.#e.style }, this.hoverStyle = { ...this.hoverStyle, ...this.#e.hoverStyle }, this.vnode && this.vnode?.addEventListener(this.#e.event || "contextmenu", this.boundShow), document.addEventListener("click", this.boundHide), document.addEventListener("keydown", this.boundHide), document.addEventListener("contextmenu", this.boundHide);
   }
   // 销毁右键菜单
   destroy() {
-    this.vnode?.removeEventListener(this.#e.event || "contextmenu", this.showMenu), document.removeEventListener("click", this.hideMenu), document.removeEventListener("keydown", this.hideMenu), this.resetContextMenu();
+    this.vnode?.removeEventListener(this.#e.event || "contextmenu", this.boundShow), document.removeEventListener("click", this.boundHide), document.removeEventListener("keydown", this.boundHide), document.removeEventListener("contextmenu", this.boundHide), this.resetContextMenu();
   }
   // 重置右键菜单
   resetContextMenu() {
@@ -921,19 +931,25 @@ class S {
    * 手动显示右键菜单 需要传入一个事件对象
    */
   showMenu(n) {
-    S.#t.#a(n);
+    document.dispatchEvent(new MouseEvent("contextmenu", {
+      bubbles: !0,
+      // 是否冒泡
+      // cancelable: true, // 是否可以取消默认事件
+      view: window
+      // 视图
+    })), this.#a(n);
   }
   /**
    * 隐藏右键菜单
    */
   hideMenu() {
-    S.#t.#n();
+    this.#n();
   }
   // 显示右键菜单
   #a(n) {
     if (n.preventDefault(), n.stopPropagation(), this.#e.menuList.length === 0)
       return;
-    if (this.vnode || (this.vnode = n.target), console.log(this, "this"), this.#n(), !this.menu) {
+    if (this.vnode || (this.vnode = n.target), this.#n(), !this.menu) {
       const c = document.createElement("div");
       c.className = this.#e.classNames || "", this.menu = c, this.#e.menuList.forEach((a) => {
         const o = document.createElement("div");
@@ -967,47 +983,34 @@ class S {
     }, 0), this.menu.scrollTo(0, 0);
   }
 }
-const Pe = S.getInstance(), ze = [
-  Z,
-  ee,
-  te,
-  ae,
+const Be = E.getInstance(), Te = [
+  me,
+  ge,
+  ve,
+  _e,
   // EasyFormH,
-  le,
-  se,
-  re,
-  ie
-], q = [], Oe = (e, n) => {
-  ze.forEach((t) => {
+  Me,
+  Ye,
+  Le,
+  Pe
+], q = [], ze = (e, n) => {
+  Te.forEach((t) => {
     q.push(t.name), e.component(t.name, t);
   }), console.log("mwl-components", q);
-}, Fe = {
-  install: Oe,
-  EasyButton: Z,
-  ContentWarp: ee,
-  Dialog: te,
-  EasyForm: ae,
-  // EasyFormH,
-  EasyTable: le,
-  MenuTree: se,
-  Pagination: re,
-  EasyContextMenu: ie,
-  componentsMap: oe,
-  getPlaceholder: ne,
-  ContextMenu: Pe
-};
+}, Fe = { install: ze };
 export {
-  ee as ContentWarp,
-  Pe as ContextMenu,
-  te as Dialog,
-  Z as EasyButton,
-  ie as EasyContextMenu,
-  ae as EasyForm,
-  le as EasyTable,
-  se as MenuTree,
-  re as Pagination,
-  oe as componentsMap,
+  ge as ContentWarp,
+  E as ContextMenu,
+  ve as Dialog,
+  me as EasyButton,
+  Pe as EasyContextMenu,
+  _e as EasyForm,
+  Me as EasyTable,
+  Ye as MenuTree,
+  Le as Pagination,
+  Ce as componentsMap,
+  Be as contextMenu,
   Fe as default,
-  ne as getPlaceholder,
-  Oe as install
+  xe as getPlaceholder,
+  ze as install
 };