mwl-components 0.0.8 → 0.0.9

package/dist/index.js

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

package/package.json

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