mwl-components 0.0.4 → 0.0.7

package/dist/MenuTree/components/menuIcon.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    icon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/MenuTree/components/subMenu.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    routeData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    handleMenuItemClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    routeData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onHandleMenuItemClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    routeData: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as S, useSlots as T, resolveComponent as r, createBlock as o, openBlock as l, normalizeClass as O, unref as H, createSlots as F, withCtx as s, renderSlot as w, createElementVNode as E, createElementBlock as C, createCommentVNode as h, toDisplayString as x, createVNode as R, mergeProps as D, normalizeStyle as A, createTextVNode as W, ref as G, Fragment as _, renderList as V, resolveDirective as J, withDirectives as q, normalizeProps as K, guardReactiveProps as Q, isRef as L, vShow as X } from "vue";
-const Z = { class: "flex items-center justify-between" }, ee = { class: "flex items-center" }, te = { class: "text-16px font-700" }, le = { class: "max-w-200px" }, ae = {
+import { defineComponent as H, useSlots as B, resolveComponent as r, createBlock as o, openBlock as a, normalizeClass as G, unref as U, createSlots as N, withCtx as s, renderSlot as k, createElementVNode as $, createElementBlock as v, createCommentVNode as h, toDisplayString as x, createVNode as M, mergeProps as _, normalizeStyle as j, createTextVNode as W, ref as J, Fragment as V, renderList as D, resolveDirective as K, withDirectives as q, resolveDynamicComponent as Q, normalizeProps as X, guardReactiveProps as Z, isRef as A, vShow as ee } from "vue";
+const te = { class: "flex items-center justify-between" }, ae = { class: "flex items-center" }, le = { class: "text-16px font-700" }, ne = { class: "max-w-200px" }, oe = {
   key: 0,
   class: "flex justify-end"
-}, ne = {
+}, re = {
   key: 0,
   class: "mt-8px flex items-center"
-}, oe = /* @__PURE__ */ S({
+}, ue = /* @__PURE__ */ H({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -13,34 +13,34 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
     message: String
   },
   setup(t) {
-    const d = T(), c = ref("content-wrap");
-    return (i, n) => {
-      const m = r("ElIcon"), g = r("ElTooltip"), f = r("ElCard");
-      return l(), o(f, {
-        class: O([H(c), "mb-[10px]"]),
+    const u = B(), d = ref("content-wrap");
+    return (c, l) => {
+      const i = r("ElIcon"), g = r("ElTooltip"), f = r("ElCard");
+      return a(), o(f, {
+        class: G([U(d), "mb-[10px]"]),
         shadow: "never"
-      }, F({
+      }, N({
         default: s(() => [
-          w(i.$slots, "default", {}, void 0, !0)
+          k(c.$slots, "default", {}, void 0, !0)
         ]),
         _: 2
       }, [
         t.title ? {
           name: "header",
           fn: s(() => [
-            E("div", Z, [
-              E("div", ee, [
-                E("span", te, x(t.title), 1),
-                t.message ? (l(), o(g, {
+            $("div", te, [
+              $("div", ae, [
+                $("span", le, x(t.title), 1),
+                t.message ? (a(), o(g, {
                   key: 0,
                   effect: "dark",
                   placement: "right"
                 }, {
                   content: s(() => [
-                    E("div", le, x(t.message), 1)
+                    $("div", ne, x(t.message), 1)
                   ]),
                   default: s(() => [
-                    R(m, {
+                    M(i, {
                       size: 14,
                       class: "ml-5px",
                       icon: "ep:question-filled"
@@ -49,12 +49,12 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
                   _: 1
                 })) : h("", !0)
               ]),
-              d.buttonTip ? (l(), C("div", ae, [
-                w(i.$slots, "buttonTip", {}, void 0, !0)
+              u.buttonTip ? (a(), v("div", oe, [
+                k(c.$slots, "buttonTip", {}, void 0, !0)
               ])) : h("", !0)
             ]),
-            d.descTip ? (l(), C("div", ne, [
-              w(i.$slots, "descTip", {}, void 0, !0)
+            u.descTip ? (a(), v("div", re, [
+              k(c.$slots, "descTip", {}, void 0, !0)
             ])) : h("", !0)
           ]),
           key: "0"
@@ -62,12 +62,12 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
       ]), 1032, ["class"]);
     };
   }
-}), B = (t, d) => {
-  const c = t.__vccOpts || t;
-  for (const [i, n] of d)
-    c[i] = n;
-  return c;
-}, re = /* @__PURE__ */ B(oe, [["__scopeId", "data-v-0870eb8d"]]), ue = { class: "dialog-header" }, de = /* @__PURE__ */ S({
+}), T = (t, u) => {
+  const d = t.__vccOpts || t;
+  for (const [c, l] of u)
+    d[c] = l;
+  return d;
+}, de = /* @__PURE__ */ T(ue, [["__scopeId", "data-v-0870eb8d"]]), se = { class: "dialog-header" }, ce = /* @__PURE__ */ H({
   name: "Dialog",
   __name: "index",
   props: {
@@ -93,47 +93,47 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
     }
   },
   setup(t) {
-    const d = T(), c = t, i = ref(!1), n = () => {
-      i.value = !unref(i);
-    }, m = ref(c.maxHeight);
+    const u = B(), d = t, c = ref(!1), l = () => {
+      c.value = !unref(c);
+    }, i = ref(d.maxHeight);
     watch(
-      () => i.value,
+      () => c.value,
       async (f) => {
         if (await nextTick(), f) {
-          const u = document.documentElement.offsetHeight;
-          m.value = `${u - 55 - 40 - (d.footer ? 63 : 0)}px`;
+          const m = document.documentElement.offsetHeight;
+          i.value = `${m - 55 - 40 - (u.footer ? 63 : 0)}px`;
         } else
-          m.value = c.maxHeight;
+          i.value = d.maxHeight;
       },
       {
         immediate: !0
       }
     );
     const g = computed(() => {
-      if (c.maxHeight)
+      if (d.maxHeight)
         return {
-          height: unref(m)
+          height: unref(i)
         };
     });
-    return console.log(c), (f, u) => {
-      const b = r("el-button"), y = r("ElScrollbar"), v = r("ElDialog");
-      return l(), o(v, D(f.$attrs, {
+    return console.log(d), (f, m) => {
+      const b = r("el-button"), y = r("ElScrollbar"), C = r("ElDialog");
+      return a(), o(C, _(f.$attrs, {
         "close-on-click-modal": !1,
-        fullscreen: H(i),
+        fullscreen: U(c),
         width: t.width,
         "destroy-on-close": "",
         draggable: "",
         "lock-scroll": "",
         class: "custom-dialog",
         "append-to-body": ""
-      }), F({
+      }), N({
         header: s(() => [
-          E("div", ue, [
-            w(f.$slots, "title", {}, () => [
+          $("div", se, [
+            k(f.$slots, "title", {}, () => [
               W(x(t.title), 1)
             ]),
-            E("div", { onClick: n }, [
-              R(b, {
+            $("div", { onClick: l }, [
+              M(b, {
                 link: "",
                 icon: "FullScreen",
                 color: "#909399"
@@ -142,30 +142,30 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
           ])
         ]),
         default: s(() => [
-          t.scroll ? (l(), o(y, {
+          t.scroll ? (a(), o(y, {
             key: 0,
-            style: A(H(g))
+            style: j(U(g))
           }, {
             default: s(() => [
-              w(f.$slots, "default")
+              k(f.$slots, "default")
             ]),
             _: 3
-          }, 8, ["style"])) : w(f.$slots, "default", { key: 1 })
+          }, 8, ["style"])) : k(f.$slots, "default", { key: 1 })
         ]),
         _: 2
       }, [
-        d.footer ? {
+        u.footer ? {
           name: "footer",
           fn: s(() => [
-            w(f.$slots, "footer")
+            k(f.$slots, "footer")
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), se = {}, ce = /* @__PURE__ */ S({
-  ...se,
+}), ie = {}, me = /* @__PURE__ */ H({
+  ...ie,
   name: "EasyForm",
   __name: "index",
   props: {
@@ -194,146 +194,146 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
       default: "200px"
     }
   },
-  setup(t, { expose: d }) {
-    const c = G();
-    return d({
+  setup(t, { expose: u }) {
+    const d = J();
+    return u({
       resetFields: () => {
-        c.value?.resetFields();
+        d.value?.resetFields();
       },
       getFormData: async () => {
-        const m = await c.value.validate();
-        return m || null;
+        const i = await d.value.validate();
+        return i || null;
       }
-    }), (m, g) => {
-      const f = r("el-input"), u = r("el-input-number"), b = r("el-radio"), y = r("el-radio-group"), v = r("el-checkbox"), $ = r("el-checkbox-group"), N = r("el-option"), U = r("el-select"), M = r("el-cascader"), Y = r("el-switch"), k = r("el-date-picker"), I = r("el-form-item"), P = r("el-form");
-      return l(), o(P, {
+    }), (i, g) => {
+      const f = r("el-input"), m = r("el-input-number"), b = r("el-radio"), y = r("el-radio-group"), C = r("el-checkbox"), S = r("el-checkbox-group"), R = r("el-option"), E = r("el-select"), I = r("el-cascader"), Y = r("el-switch"), w = r("el-date-picker"), P = r("el-form-item"), z = r("el-form");
+      return a(), o(z, {
         ref_key: "formRef",
-        ref: c,
+        ref: d,
         model: t.formData,
         "label-width": t.labelWidth,
         inline: t.inline,
         "scroll-to-error": ""
       }, {
         default: s(() => [
-          (l(!0), C(_, null, V(t.formItems, ({ type: p, ...e }) => (l(), C(_, null, [
-            p != "custom" && !e.hidden ? (l(), o(I, {
+          (a(!0), v(V, null, D(t.formItems, ({ type: p, ...e }) => (a(), v(V, null, [
+            p != "custom" && !e.hidden ? (a(), o(P, {
               key: 0,
               label: e.label,
               prop: e.prop,
               rules: e.rule
             }, {
               default: s(() => [
-                p == "text" || p == "" ? (l(), o(f, D({
+                p == "text" || p == "" ? (a(), o(f, _({
                   key: 0,
                   placeholder: "请输入" + e.label
                 }, { ref_for: !0 }, { ...e }, {
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   "show-word-limit": "",
                   style: { width: e.width ? e.width : t.itemWidth }
                 }), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-                p == "textarea" ? (l(), o(f, D({
+                p == "textarea" ? (a(), o(f, _({
                   key: 1,
                   ref_for: !0
                 }, { ...e }, {
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   type: "textarea",
                   style: { width: e.width ? e.width : t.itemWidth }
                 }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-                p == "number" ? (l(), o(u, D({
+                p == "number" ? (a(), o(m, _({
                   key: 2,
                   "controls-position": "right"
                 }, { ref_for: !0 }, { ...e }, {
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   style: { width: e.width ? e.width : t.itemWidth }
                 }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-                p == "radio" ? (l(), o(y, D({
+                p == "radio" ? (a(), o(y, _({
                   key: 3,
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (a) => e.change && e.change(t.formData[e.prop])
+                  onChange: (n) => e.change && e.change(t.formData[e.prop])
                 }, { ref_for: !0 }, { ...e }), {
                   default: s(() => [
-                    (l(!0), C(_, null, V(e.options, (a, z) => (l(), o(b, {
-                      key: z,
-                      value: a.value
+                    (a(!0), v(V, null, D(e.options, (n, F) => (a(), o(b, {
+                      key: F,
+                      value: n.value
                     }, {
                       default: s(() => [
-                        W(x(a.label), 1)
+                        W(x(n.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["value"]))), 128))
                   ]),
                   _: 2
                 }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-                p == "checkbox" ? (l(), o($, D({
+                p == "checkbox" ? (a(), o(S, _({
                   key: 4,
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (a) => e.change && e.change(t.formData[e.prop])
+                  onChange: (n) => e.change && e.change(t.formData[e.prop])
                 }, { ref_for: !0 }, { ...e }), {
                   default: s(() => [
-                    (l(!0), C(_, null, V(e.options, (a, z) => (l(), o(v, {
-                      key: z,
-                      value: a.value
+                    (a(!0), v(V, null, D(e.options, (n, F) => (a(), o(C, {
+                      key: F,
+                      value: n.value
                     }, {
                       default: s(() => [
-                        W(x(a.label), 1)
+                        W(x(n.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["value"]))), 128))
                   ]),
                   _: 2
                 }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-                p == "select" || p == "multipleselect" ? (l(), o(U, D({
+                p == "select" || p == "multipleselect" ? (a(), o(E, _({
                   key: 5,
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   placeholder: "请选择",
                   style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (a) => e.change && e.change(t.formData[e.prop])
+                  onChange: (n) => e.change && e.change(t.formData[e.prop])
                 }, { ref_for: !0 }, { ...e }), {
                   default: s(() => [
-                    (l(!0), C(_, null, V(e.options, (a, z) => (l(), o(N, {
-                      key: z,
-                      label: e.defaultProp ? a[e.defaultProp.label] : a.label,
-                      value: e.defaultProp ? a[e.defaultProp.value] : a.value
+                    (a(!0), v(V, null, D(e.options, (n, F) => (a(), o(R, {
+                      key: F,
+                      label: e.defaultProp ? n[e.defaultProp.label] : n.label,
+                      value: e.defaultProp ? n[e.defaultProp.value] : n.value
                     }, null, 8, ["label", "value"]))), 128))
                   ]),
                   _: 2
                 }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-                p == "cascader" ? (l(), o(M, {
+                p == "cascader" ? (a(), o(I, {
                   key: 6,
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   options: e.options || [],
                   props: e.defaultProp || { label: "label", value: "value" },
-                  style: A({ width: e.width ? e.width : t.itemWidth }),
+                  style: j({ width: e.width ? e.width : t.itemWidth }),
                   disabled: e.disabled,
                   clearable: e.clearable,
                   placeholder: e.placeholder,
                   "popper-class": e.popperClass,
                   teleported: e.teleported,
                   "disabled-date": e.disabledDate,
-                  onChange: (a) => e.change && e.change(t.formData[e.prop])
+                  onChange: (n) => 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),
-                p === "switch" ? (l(), o(Y, {
+                p === "switch" ? (a(), o(Y, {
                   key: 7,
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   disabled: e.disabled,
-                  style: A({ width: e.width ? e.width : t.itemWidth }),
-                  onChange: (a) => e.change && e.change(t.formData[e.prop])
+                  style: j({ width: e.width ? e.width : t.itemWidth }),
+                  onChange: (n) => e.change && e.change(t.formData[e.prop])
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "style", "onChange"])) : h("", !0),
-                p == "date" || p == "datetime" || p == "year" || p == "month" ? (l(), o(k, D({
+                p == "date" || p == "datetime" || p == "year" || p == "month" ? (a(), o(w, _({
                   key: 8,
                   style: { width: e.width ? e.width : t.itemWidth },
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n
                 }, { ref_for: !0 }, { ...e }, {
                   format: e.format || "YYYY-MM-DD HH:mm:ss",
                   "value-format": e.valueFormat || "YYYY-MM-DD HH:mm:ss",
@@ -342,12 +342,12 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
                   placeholder: e.placeholder || "请选择",
                   "disabled-date": e.disabledDate,
                   type: p,
-                  onChange: (a) => e.change && e.change(t.formData[e.prop])
+                  onChange: (n) => 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),
-                p == "daterange" ? (l(), o(k, {
+                p == "daterange" ? (a(), o(w, {
                   key: 9,
                   modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   format: e.format || "YYYY-MM-DD HH:mm:ss",
                   "value-format": e.valueFormat || "YYYY-MM-DD HH:mm:ss",
                   type: p,
@@ -355,19 +355,19 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
                   "range-separator": "至",
                   "start-placeholder": "开始日期",
                   "end-placeholder": "结束日期",
-                  onChange: (a) => e.change && e.change(t.formData[e.prop])
+                  onChange: (n) => e.change && e.change(t.formData[e.prop])
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "format", "value-format", "type", "disabled", "onChange"])) : h("", !0)
               ]),
               _: 2
             }, 1032, ["label", "prop", "rules"])) : h("", !0),
-            p == "custom" ? w(m.$slots, e.prop, {
+            p == "custom" ? k(i.$slots, e.prop, {
               key: 1,
               item: e
             }, void 0, !0) : h("", !0)
           ], 64))), 256)),
-          R(I, null, {
+          M(P, null, {
             default: s(() => [
-              w(m.$slots, "append", {}, void 0, !0)
+              k(i.$slots, "append", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -376,46 +376,46 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
       }, 8, ["model", "label-width", "inline"]);
     };
   }
-}), ie = /* @__PURE__ */ B(ce, [["__scopeId", "data-v-9fb8ae2f"]]), me = /* @__PURE__ */ S({
+}), fe = /* @__PURE__ */ T(me, [["__scopeId", "data-v-9fb8ae2f"]]), pe = /* @__PURE__ */ H({
   __name: "tableColumnItem",
   props: {
     tableColumn: {}
   },
   setup(t) {
-    const d = T(), c = t, i = () => {
-      const { tableColumn: n } = c;
-      return n.children?.length || delete n.children, n;
+    const u = B(), d = t, c = () => {
+      const { tableColumn: l } = d;
+      return l.children?.length || delete l.children, l;
     };
-    return (n, m) => {
+    return (l, i) => {
       const g = r("el-table-column"), f = r("tableColumnItem", !0);
-      return !n.tableColumn.children || n.tableColumn.children?.length == 0 ? (l(), o(g, D({ key: 0 }, { ...i() }, {
-        prop: n.tableColumn.prop,
-        label: n.tableColumn.label
-      }), F({ _: 2 }, [
-        n.tableColumn.prop && d[n.tableColumn.prop] ? {
+      return !l.tableColumn.children || l.tableColumn.children?.length == 0 ? (a(), o(g, _({ key: 0 }, { ...c() }, {
+        prop: l.tableColumn.prop,
+        label: l.tableColumn.label
+      }), N({ _: 2 }, [
+        l.tableColumn.prop && u[l.tableColumn.prop] ? {
           name: "default",
-          fn: s((u) => [
-            w(n.$slots, n.tableColumn.prop, {
-              row: u.row
+          fn: s((m) => [
+            k(l.$slots, l.tableColumn.prop, {
+              row: m.row
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["prop", "label"])) : (l(), o(g, {
+      ]), 1040, ["prop", "label"])) : (a(), o(g, {
         key: 1,
-        align: n.tableColumn.align,
-        label: n.tableColumn.label
+        align: l.tableColumn.align,
+        label: l.tableColumn.label
       }, {
         default: s(() => [
-          (l(!0), C(_, null, V(n.tableColumn.children, (u, b) => (l(), o(f, {
+          (a(!0), v(V, null, D(l.tableColumn.children, (m, b) => (a(), o(f, {
             key: b,
-            "table-column": { align: u.align || n.tableColumn.align, ...u }
-          }, F({ _: 2 }, [
-            V(d, (y, v) => ({
-              name: v,
-              fn: s(({ row: $ }) => [
-                w(n.$slots, v, { row: $ }, () => [
-                  W(x($[v]), 1)
+            "table-column": { align: m.align || l.tableColumn.align, ...m }
+          }, N({ _: 2 }, [
+            D(u, (y, C) => ({
+              name: C,
+              fn: s(({ row: S }) => [
+                k(l.$slots, C, { row: S }, () => [
+                  W(x(S[C]), 1)
                 ])
               ])
             }))
@@ -425,7 +425,7 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
       }, 8, ["align", "label"]));
     };
   }
-}), pe = /* @__PURE__ */ S({
+}), he = /* @__PURE__ */ H({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -460,75 +460,75 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
     }
   },
   setup(t) {
-    const d = t, c = computed(() => (d.buttonWidth.toString().indexOf("px") > -1 ? d.buttonWidth.toString().slice(0, -2) : d.buttonWidth, d.buttonWidth)), i = T(), n = ref(), m = ref("auto");
+    const u = t, d = computed(() => (u.buttonWidth.toString().indexOf("px") > -1 ? u.buttonWidth.toString().slice(0, -2) : u.buttonWidth, u.buttonWidth)), c = B(), l = ref(), i = ref("auto");
     let g = getCurrentInstance();
     const f = () => {
       let y = "auto";
       if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
         try {
-          const U = g?.refs.tableRef, { top: M } = U?.getBoundingClientRect();
-          y = document.documentElement.clientHeight - M - 65 - 20;
+          const E = g?.refs.tableRef, { top: I } = E?.getBoundingClientRect();
+          y = document.documentElement.clientHeight - I - 65 - 20;
         } catch {
         }
         return y;
       }
       return y;
-    }, u = ref(), b = () => {
-      u.value && clearTimeout(u.value), u.value = setTimeout(() => {
-        m.value = f(), u.value = null;
+    }, m = ref(), b = () => {
+      m.value && clearTimeout(m.value), m.value = setTimeout(() => {
+        i.value = f(), m.value = null;
       }, 100);
     };
     return onMounted(() => {
-      m.value = f(), window.addEventListener("resize", b);
+      i.value = f(), window.addEventListener("resize", b);
     }), onUnmounted(() => {
       window.removeEventListener("resize", b);
-    }), (y, v) => {
-      const $ = r("el-button"), N = r("el-table-column"), U = r("el-table"), M = J("hasPermi");
-      return l(), C("div", {
+    }), (y, C) => {
+      const S = r("el-button"), R = r("el-table-column"), E = r("el-table"), I = K("hasPermi");
+      return a(), v("div", {
         ref_key: "tableRef",
-        ref: n
+        ref: l
       }, [
-        R(U, D({ style: { width: "100%" } }, y.$attrs, {
+        M(E, _({ style: { width: "100%" } }, y.$attrs, {
           data: t.data,
           height: t.height,
-          maxHeight: t.maxHeight ? t.maxHeight : H(m)
+          maxHeight: t.maxHeight ? t.maxHeight : U(i)
         }), {
           default: s(() => [
-            (l(!0), C(_, null, V(t.tableColumns, (Y, k) => (l(), o(me, {
-              key: k,
+            (a(!0), v(V, null, D(t.tableColumns, (Y, w) => (a(), o(pe, {
+              key: w,
               "table-column": { align: t.align, ...Y }
-            }, F({ _: 2 }, [
-              V(i, (I, P) => ({
-                name: P,
+            }, N({ _: 2 }, [
+              D(c, (P, z) => ({
+                name: z,
                 fn: s(({ row: p }) => [
-                  w(y.$slots, P, { row: p }, () => [
-                    W(x(p[P]), 1)
+                  k(y.$slots, z, { row: p }, () => [
+                    W(x(p[z]), 1)
                   ], !0)
                 ])
               }))
             ]), 1032, ["table-column"]))), 128)),
-            t.buttons && t.buttons.length ? (l(), o(N, {
+            t.buttons && t.buttons.length ? (a(), o(R, {
               key: 0,
               align: "center",
               fixed: "right",
               label: "操作",
-              width: H(c)
+              width: U(d)
             }, {
               default: s((Y) => [
-                (l(!0), C(_, null, V(t.buttons, (k, I) => q((l(), o($, {
-                  key: I,
-                  type: k.type.includes("del") ? "danger" : "primary",
+                (a(!0), v(V, null, D(t.buttons, (w, P) => q((a(), o(S, {
+                  key: P,
+                  type: w.type.includes("del") ? "danger" : "primary",
                   onClick: () => {
-                    k.click?.(Y.row);
+                    w.click?.(Y.row);
                   },
                   link: ""
                 }, {
                   default: s(() => [
-                    W(x(k.label), 1)
+                    W(x(w.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["type", "onClick"])), [
-                  [M, k.permi ? [k.permi] : [""]]
+                  [I, w.permi ? [w.permi] : [""]]
                 ])), 128))
               ]),
               _: 1
@@ -539,7 +539,78 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
       ], 512);
     };
   }
-}), fe = /* @__PURE__ */ B(pe, [["__scopeId", "data-v-5ca5027f"]]), he = /* @__PURE__ */ S({
+}), ge = /* @__PURE__ */ T(he, [["__scopeId", "data-v-5ca5027f"]]), be = {
+  name: "",
+  components: {},
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    }
+  }
+};
+function ye(t, u, d, c, l, i) {
+  return d.icon ? (a(), o(Q(d.icon), {
+    key: 0,
+    class: "menu_icon"
+  })) : h("", !0);
+}
+const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"]]), ve = /* @__PURE__ */ H({
+  name: "subMenu",
+  __name: "subMenu",
+  props: {
+    routeData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["handleMenuItemClick"],
+  setup(t, { emit: u }) {
+    const d = u;
+    function c(l) {
+      d("handleMenuItemClick", l);
+    }
+    return (l, i) => {
+      const g = r("subMenu", !0), f = r("el-sub-menu"), m = r("el-menu-item");
+      return t.routeData.children && t.routeData.children.length > 0 ? (a(), o(f, {
+        key: 0,
+        index: t.routeData.path
+      }, {
+        title: s(() => [
+          M(L, {
+            icon: t.routeData.meta.icon
+          }, null, 8, ["icon"]),
+          $("span", null, x(t.routeData.meta.title), 1)
+        ]),
+        default: s(() => [
+          (a(!0), v(V, null, D(t.routeData.children, (b, y) => (a(), o(g, {
+            onHandleMenuItemClick: c,
+            routeData: b,
+            key: y
+          }, null, 8, ["routeData"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["index"])) : (a(), v("div", {
+        key: 1,
+        onClick: i[0] || (i[0] = (b) => c(t.routeData))
+      }, [
+        M(m, {
+          index: t.routeData.path
+        }, {
+          title: s(() => [
+            $("span", null, x(t.routeData.meta.title), 1)
+          ]),
+          default: s(() => [
+            M(L, {
+              icon: t.routeData.meta.icon
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["index"])
+      ]));
+    };
+  }
+}), Ce = /* @__PURE__ */ H({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -549,24 +620,24 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(t, { emit: d }) {
-    const c = d, i = (n) => {
-      c("handleMenuItemClick", n);
+  setup(t, { emit: u }) {
+    const d = u, c = (l) => {
+      d("handleMenuItemClick", l);
     };
-    return (n, m) => {
-      const g = r("sub-menu"), f = r("el-menu");
-      return l(), o(f, K(Q(n.$attrs)), {
+    return (l, i) => {
+      const g = r("el-menu");
+      return a(), o(g, X(Z(l.$attrs)), {
         default: s(() => [
-          (l(!0), C(_, null, V(t.menuList, (u) => (l(), o(g, {
-            routeData: u,
-            onHandleMenuItemClick: i
+          (a(!0), v(V, null, D(t.menuList, (f) => (a(), o(ve, {
+            routeData: f,
+            onHandleMenuItemClick: c
           }, null, 8, ["routeData"]))), 256))
         ]),
         _: 1
       }, 16);
     };
   }
-}), ge = /* @__PURE__ */ S({
+}), ke = /* @__PURE__ */ H({
   name: "Pagination",
   __name: "index",
   props: {
@@ -594,33 +665,33 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
     onPagination: { type: Function }
   },
   emits: ["update:page", "update:limit", "pagination"],
-  setup(t, { emit: d }) {
-    const c = t, i = d, n = computed({
+  setup(t, { emit: u }) {
+    const d = t, c = u, l = computed({
       get() {
-        return c.page;
+        return d.page;
       },
-      set(u) {
-        i("update:page", u);
+      set(m) {
+        c("update:page", m);
       }
-    }), m = computed({
+    }), i = computed({
       get() {
-        return c.limit;
+        return d.limit;
       },
-      set(u) {
-        i("update:limit", u);
+      set(m) {
+        c("update:limit", m);
       }
-    }), g = (u) => {
-      n.value * u > c.total && (n.value = 1), i("pagination", { page: n.value, limit: u });
-    }, f = (u) => {
-      i("pagination", { page: u, limit: m.value });
+    }), g = (m) => {
+      l.value * m > d.total && (l.value = 1), c("pagination", { page: l.value, limit: m });
+    }, f = (m) => {
+      c("pagination", { page: m, limit: i.value });
     };
-    return (u, b) => {
+    return (m, b) => {
       const y = r("el-pagination");
-      return q((l(), o(y, {
-        "current-page": H(n),
-        "onUpdate:currentPage": b[0] || (b[0] = (v) => L(n) ? n.value = v : null),
-        "page-size": H(m),
-        "onUpdate:pageSize": b[1] || (b[1] = (v) => L(m) ? m.value = v : null),
+      return q((a(), o(y, {
+        "current-page": U(l),
+        "onUpdate:currentPage": b[0] || (b[0] = (C) => A(l) ? l.value = C : null),
+        "page-size": U(i),
+        "onUpdate:pageSize": b[1] || (b[1] = (C) => A(i) ? i.value = C : null),
         background: !0,
         "page-sizes": [10, 20, 30, 50, 100],
         "pager-count": t.pagerCount,
@@ -630,29 +701,29 @@ const Z = { class: "flex items-center justify-between" }, ee = { class: "flex it
         onSizeChange: g,
         onCurrentChange: f
       }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-        [X, t.total > 0]
+        [ee, t.total > 0]
       ]);
     };
   }
-}), be = /* @__PURE__ */ B(ge, [["__scopeId", "data-v-3d378ae6"]]), ye = [
-  re,
+}), De = /* @__PURE__ */ T(ke, [["__scopeId", "data-v-3d378ae6"]]), we = [
   de,
-  ie,
+  ce,
   fe,
-  he,
-  be
-], j = [], ve = (t) => {
-  ye.forEach((d) => {
-    j.push(d.name), t.component(d.name, d);
-  }), console.log("mwl-components", j);
-}, we = { install: ve };
+  ge,
+  Ce,
+  De
+], O = [], _e = (t) => {
+  we.forEach((u) => {
+    O.push(u.name), t.component(u.name, u);
+  }), console.log("mwl-components", O);
+}, xe = { install: _e };
 export {
-  re as ContentWarp,
-  de as Dialog,
-  ie as EasyForm,
-  fe as EasyTable,
-  he as MenuTree,
-  be as Pagination,
-  we as default,
-  ve as install
+  de as ContentWarp,
+  ce as Dialog,
+  fe as EasyForm,
+  ge as EasyTable,
+  Ce as MenuTree,
+  De as Pagination,
+  xe as default,
+  _e as install
 };

package/dist/mwl-components.css

@@ -1 +1 @@
-.el-card[data-v-0870eb8d]{background-color:transparent;margin-bottom:10px}[data-v-0870eb8d] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-0870eb8d] .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-9fb8ae2f] .el-form-item__label{font-size:var(--el-font-size-base)}[data-v-5ca5027f] .el-table,[data-v-5ca5027f] th.el-table__cell,[data-v-5ca5027f] tr{background-color:transparent!important}.pagination[data-v-3d378ae6]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-3d378ae6]{margin-top:8px;margin-bottom:8px}}
+.el-card[data-v-0870eb8d]{background-color:transparent;margin-bottom:10px}[data-v-0870eb8d] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-0870eb8d] .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-9fb8ae2f] .el-form-item__label{font-size:var(--el-font-size-base)}[data-v-5ca5027f] .el-table,[data-v-5ca5027f] th.el-table__cell,[data-v-5ca5027f] 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-3d378ae6]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-3d378ae6]{margin-top:8px;margin-bottom:8px}}

package/package.json

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