mwl-components 0.0.6 → 0.0.8

package/README.md

@@ -1,4 +1,4 @@
-# my-components
+# mwl-components
 
 基于vue 3.0 + ts + vite + element-plus 组件库
 
@@ -9,11 +9,33 @@
 <!-- 描述配置信息 -->
 
 ```sh
- vite.config.ts
+ vite.config.ts 文件
 ```
 
 ### Lint with [ESLint](https://eslint.org/)
 
+## 本地测试
+
+```sh
+pnpm link 或者 npm link
+```
+
+### 主项目 引入
+
 ```sh
-pnpm lint
+pnpm link mwl-components
+```
+
+### 使用 先引入 element-plus 全局注册
+
+```sh
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import mwlComponents from 'mwl-components'
+import 'mwl-components/dist/index.css'
+
+const app = createApp(App)
+app.use(ElementPlus)
+app.use(mwlComponents)
+app.mount('#app')
 ```

package/dist/index.js

@@ -1,11 +1,11 @@
-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 = {
+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 = {
   key: 0,
   class: "flex justify-end"
-}, re = {
+}, me = {
   key: 0,
   class: "mt-8px flex items-center"
-}, ue = /* @__PURE__ */ H({
+}, pe = /* @__PURE__ */ S({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -13,13 +13,13 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
     message: String
   },
   setup(t) {
-    const u = B(), d = ref("content-wrap");
+    const u = A(), d = U("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]"]),
+      const i = r("ElIcon"), g = r("ElTooltip"), p = r("ElCard");
+      return a(), o(p, {
+        class: K([$(d), "mb-[10px]"]),
         shadow: "never"
-      }, N({
+      }, T({
         default: s(() => [
           k(c.$slots, "default", {}, void 0, !0)
         ]),
@@ -28,19 +28,19 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         t.title ? {
           name: "header",
           fn: s(() => [
-            $("div", te, [
-              $("div", ae, [
-                $("span", le, x(t.title), 1),
+            H("div", ue, [
+              H("div", de, [
+                H("span", se, x(t.title), 1),
                 t.message ? (a(), o(g, {
                   key: 0,
                   effect: "dark",
                   placement: "right"
                 }, {
                   content: s(() => [
-                    $("div", ne, x(t.message), 1)
+                    H("div", ce, x(t.message), 1)
                   ]),
                   default: s(() => [
-                    M(i, {
+                    E(i, {
                       size: 14,
                       class: "ml-5px",
                       icon: "ep:question-filled"
@@ -49,11 +49,11 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                   _: 1
                 })) : h("", !0)
               ]),
-              u.buttonTip ? (a(), v("div", oe, [
+              u.buttonTip ? (a(), v("div", ie, [
                 k(c.$slots, "buttonTip", {}, void 0, !0)
               ])) : h("", !0)
             ]),
-            u.descTip ? (a(), v("div", re, [
+            u.descTip ? (a(), v("div", me, [
               k(c.$slots, "descTip", {}, void 0, !0)
             ])) : h("", !0)
           ]),
@@ -62,12 +62,12 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
       ]), 1032, ["class"]);
     };
   }
-}), T = (t, u) => {
+}), R = (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({
+}, fe = /* @__PURE__ */ R(pe, [["__scopeId", "data-v-0870eb8d"]]), he = { class: "dialog-header" }, ge = /* @__PURE__ */ S({
   name: "Dialog",
   __name: "index",
   props: {
@@ -93,13 +93,13 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   },
   setup(t) {
-    const u = B(), d = t, c = ref(!1), l = () => {
-      c.value = !unref(c);
-    }, i = ref(d.maxHeight);
-    watch(
+    const u = A(), d = t, c = U(!1), l = () => {
+      c.value = !$(c);
+    }, i = U(d.maxHeight);
+    Q(
       () => c.value,
-      async (f) => {
-        if (await nextTick(), f) {
+      async (p) => {
+        if (await X(), p) {
           const m = document.documentElement.offsetHeight;
           i.value = `${m - 55 - 40 - (u.footer ? 63 : 0)}px`;
         } else
@@ -109,31 +109,31 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         immediate: !0
       }
     );
-    const g = computed(() => {
+    const g = j(() => {
       if (d.maxHeight)
         return {
-          height: unref(i)
+          height: $(i)
         };
     });
-    return console.log(d), (f, m) => {
+    return console.log(d), (p, m) => {
       const b = r("el-button"), y = r("ElScrollbar"), C = r("ElDialog");
-      return a(), o(C, _(f.$attrs, {
+      return a(), o(C, _(p.$attrs, {
         "close-on-click-modal": !1,
-        fullscreen: U(c),
+        fullscreen: $(c),
         width: t.width,
         "destroy-on-close": "",
         draggable: "",
         "lock-scroll": "",
         class: "custom-dialog",
         "append-to-body": ""
-      }), N({
+      }), T({
         header: s(() => [
-          $("div", se, [
-            k(f.$slots, "title", {}, () => [
-              W(x(t.title), 1)
+          H("div", he, [
+            k(p.$slots, "title", {}, () => [
+              I(x(t.title), 1)
             ]),
-            $("div", { onClick: l }, [
-              M(b, {
+            H("div", { onClick: l }, [
+              E(b, {
                 link: "",
                 icon: "FullScreen",
                 color: "#909399"
@@ -144,28 +144,28 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         default: s(() => [
           t.scroll ? (a(), o(y, {
             key: 0,
-            style: j(U(g))
+            style: L($(g))
           }, {
             default: s(() => [
-              k(f.$slots, "default")
+              k(p.$slots, "default")
             ]),
             _: 3
-          }, 8, ["style"])) : k(f.$slots, "default", { key: 1 })
+          }, 8, ["style"])) : k(p.$slots, "default", { key: 1 })
         ]),
         _: 2
       }, [
         u.footer ? {
           name: "footer",
           fn: s(() => [
-            k(f.$slots, "footer")
+            k(p.$slots, "footer")
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), ie = {}, me = /* @__PURE__ */ H({
-  ...ie,
+}), be = {}, ye = /* @__PURE__ */ S({
+  ...be,
   name: "EasyForm",
   __name: "index",
   props: {
@@ -195,7 +195,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   },
   setup(t, { expose: u }) {
-    const d = J();
+    const d = U();
     return u({
       resetFields: () => {
         d.value?.resetFields();
@@ -205,8 +205,8 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         return i || null;
       }
     }), (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, {
+      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, {
         ref_key: "formRef",
         ref: d,
         model: t.formData,
@@ -215,15 +215,15 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         "scroll-to-error": ""
       }, {
         default: s(() => [
-          (a(!0), v(V, null, D(t.formItems, ({ type: p, ...e }) => (a(), v(V, null, [
-            p != "custom" && !e.hidden ? (a(), o(P, {
+          (a(!0), v(V, null, D(t.formItems, ({ type: f, ...e }) => (a(), v(V, null, [
+            f != "custom" && !e.hidden ? (a(), o(z, {
               key: 0,
               label: e.label,
               prop: e.prop,
               rules: e.rule
             }, {
               default: s(() => [
-                p == "text" || p == "" ? (a(), o(f, _({
+                f == "text" || f == "" ? (a(), o(p, _({
                   key: 0,
                   placeholder: "请输入" + e.label
                 }, { ref_for: !0 }, { ...e }, {
@@ -232,7 +232,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                   "show-word-limit": "",
                   style: { width: e.width ? e.width : t.itemWidth }
                 }), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-                p == "textarea" ? (a(), o(f, _({
+                f == "textarea" ? (a(), o(p, _({
                   key: 1,
                   ref_for: !0
                 }, { ...e }, {
@@ -241,7 +241,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                   type: "textarea",
                   style: { width: e.width ? e.width : t.itemWidth }
                 }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
-                p == "number" ? (a(), o(m, _({
+                f == "number" ? (a(), o(m, _({
                   key: 2,
                   "controls-position": "right"
                 }, { ref_for: !0 }, { ...e }, {
@@ -249,7 +249,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                   "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" ? (a(), o(y, _({
+                f == "radio" ? (a(), o(y, _({
                   key: 3,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
@@ -257,19 +257,19 @@ const te = { class: "flex items-center justify-between" }, ae = { 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, F) => (a(), o(b, {
-                      key: F,
+                    (a(!0), v(V, null, D(e.options, (n, N) => (a(), o(b, {
+                      key: N,
                       value: n.value
                     }, {
                       default: s(() => [
-                        W(x(n.label), 1)
+                        I(x(n.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["value"]))), 128))
                   ]),
                   _: 2
                 }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-                p == "checkbox" ? (a(), o(S, _({
+                f == "checkbox" ? (a(), o(M, _({
                   key: 4,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
@@ -277,19 +277,19 @@ const te = { class: "flex items-center justify-between" }, ae = { 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, F) => (a(), o(C, {
-                      key: F,
+                    (a(!0), v(V, null, D(e.options, (n, N) => (a(), o(C, {
+                      key: N,
                       value: n.value
                     }, {
                       default: s(() => [
-                        W(x(n.label), 1)
+                        I(x(n.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["value"]))), 128))
                   ]),
                   _: 2
                 }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-                p == "select" || p == "multipleselect" ? (a(), o(E, _({
+                f == "select" || f == "multipleselect" ? (a(), o(W, _({
                   key: 5,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
@@ -298,21 +298,21 @@ const te = { class: "flex items-center justify-between" }, ae = { 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, F) => (a(), o(R, {
-                      key: F,
+                    (a(!0), v(V, null, D(e.options, (n, N) => (a(), o(B, {
+                      key: N,
                       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" ? (a(), o(I, {
+                f == "cascader" ? (a(), o(Y, {
                   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: j({ width: e.width ? e.width : t.itemWidth }),
+                  style: L({ width: e.width ? e.width : t.itemWidth }),
                   disabled: e.disabled,
                   clearable: e.clearable,
                   placeholder: e.placeholder,
@@ -321,15 +321,15 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                   "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),
-                p === "switch" ? (a(), o(Y, {
+                f === "switch" ? (a(), o(P, {
                   key: 7,
                   modelValue: t.formData[e.prop],
                   "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
                   disabled: e.disabled,
-                  style: j({ width: e.width ? e.width : t.itemWidth }),
+                  style: L({ 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" ? (a(), o(w, _({
+                f == "date" || f == "datetime" || f == "year" || f == "month" ? (a(), o(w, _({
                   key: 8,
                   style: { width: e.width ? e.width : t.itemWidth },
                   modelValue: t.formData[e.prop],
@@ -341,16 +341,16 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                   clearable: e.clearable,
                   placeholder: e.placeholder || "请选择",
                   "disabled-date": e.disabledDate,
-                  type: p,
+                  type: f,
                   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" ? (a(), o(w, {
+                f == "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: p,
+                  type: f,
                   disabled: e.disabled,
                   "range-separator": "至",
                   "start-placeholder": "开始日期",
@@ -360,12 +360,12 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
               ]),
               _: 2
             }, 1032, ["label", "prop", "rules"])) : h("", !0),
-            p == "custom" ? k(i.$slots, e.prop, {
+            f == "custom" ? k(i.$slots, e.prop, {
               key: 1,
               item: e
             }, void 0, !0) : h("", !0)
           ], 64))), 256)),
-          M(P, null, {
+          E(z, null, {
             default: s(() => [
               k(i.$slots, "append", {}, void 0, !0)
             ]),
@@ -376,22 +376,22 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
       }, 8, ["model", "label-width", "inline"]);
     };
   }
-}), fe = /* @__PURE__ */ T(me, [["__scopeId", "data-v-9fb8ae2f"]]), pe = /* @__PURE__ */ H({
+}), ve = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-9fb8ae2f"]]), Ce = /* @__PURE__ */ S({
   __name: "tableColumnItem",
   props: {
     tableColumn: {}
   },
   setup(t) {
-    const u = B(), d = t, c = () => {
+    const u = A(), d = t, c = () => {
       const { tableColumn: l } = d;
       return l.children?.length || delete l.children, l;
     };
     return (l, i) => {
-      const g = r("el-table-column"), f = r("tableColumnItem", !0);
+      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
-      }), N({ _: 2 }, [
+      }), T({ _: 2 }, [
         l.tableColumn.prop && u[l.tableColumn.prop] ? {
           name: "default",
           fn: s((m) => [
@@ -407,15 +407,15 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         label: l.tableColumn.label
       }, {
         default: s(() => [
-          (a(!0), v(V, null, D(l.tableColumn.children, (m, b) => (a(), o(f, {
+          (a(!0), v(V, null, D(l.tableColumn.children, (m, b) => (a(), o(p, {
             key: b,
             "table-column": { align: m.align || l.tableColumn.align, ...m }
-          }, N({ _: 2 }, [
+          }, T({ _: 2 }, [
             D(u, (y, C) => ({
               name: C,
-              fn: s(({ row: S }) => [
-                k(l.$slots, C, { row: S }, () => [
-                  W(x(S[C]), 1)
+              fn: s(({ row: M }) => [
+                k(l.$slots, C, { row: M }, () => [
+                  I(x(M[C]), 1)
                 ])
               ])
             }))
@@ -425,7 +425,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
       }, 8, ["align", "label"]));
     };
   }
-}), he = /* @__PURE__ */ H({
+}), ke = /* @__PURE__ */ S({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -460,75 +460,75 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   },
   setup(t) {
-    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 = () => {
+    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 p = () => {
       let y = "auto";
       if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
         try {
-          const E = g?.refs.tableRef, { top: I } = E?.getBoundingClientRect();
-          y = document.documentElement.clientHeight - I - 65 - 20;
+          const W = g?.refs.tableRef, { top: Y } = W?.getBoundingClientRect();
+          y = document.documentElement.clientHeight - Y - 65 - 20;
         } catch {
         }
         return y;
       }
       return y;
-    }, m = ref(), b = () => {
+    }, m = U(), b = () => {
       m.value && clearTimeout(m.value), m.value = setTimeout(() => {
-        i.value = f(), m.value = null;
+        i.value = p(), m.value = null;
       }, 100);
     };
-    return onMounted(() => {
-      i.value = f(), window.addEventListener("resize", b);
-    }), onUnmounted(() => {
+    return ee(() => {
+      i.value = p(), window.addEventListener("resize", b);
+    }), te(() => {
       window.removeEventListener("resize", b);
     }), (y, C) => {
-      const S = r("el-button"), R = r("el-table-column"), E = r("el-table"), I = K("hasPermi");
+      const M = r("el-button"), B = r("el-table-column"), W = r("el-table"), Y = ae("hasPermi");
       return a(), v("div", {
         ref_key: "tableRef",
         ref: l
       }, [
-        M(E, _({ style: { width: "100%" } }, y.$attrs, {
+        E(W, _({ style: { width: "100%" } }, y.$attrs, {
           data: t.data,
           height: t.height,
-          maxHeight: t.maxHeight ? t.maxHeight : U(i)
+          maxHeight: t.maxHeight ? t.maxHeight : $(i)
         }), {
           default: s(() => [
-            (a(!0), v(V, null, D(t.tableColumns, (Y, w) => (a(), o(pe, {
+            (a(!0), v(V, null, D(t.tableColumns, (P, w) => (a(), o(Ce, {
               key: w,
-              "table-column": { align: t.align, ...Y }
-            }, N({ _: 2 }, [
-              D(c, (P, z) => ({
-                name: z,
-                fn: s(({ row: p }) => [
-                  k(y.$slots, z, { row: p }, () => [
-                    W(x(p[z]), 1)
+              "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)
                   ], !0)
                 ])
               }))
             ]), 1032, ["table-column"]))), 128)),
-            t.buttons && t.buttons.length ? (a(), o(R, {
+            t.buttons && t.buttons.length ? (a(), o(B, {
               key: 0,
               align: "center",
               fixed: "right",
               label: "操作",
-              width: U(d)
+              width: $(d)
             }, {
-              default: s((Y) => [
-                (a(!0), v(V, null, D(t.buttons, (w, P) => q((a(), o(S, {
-                  key: P,
+              default: s((P) => [
+                (a(!0), v(V, null, D(t.buttons, (w, z) => J((a(), o(M, {
+                  key: z,
                   type: w.type.includes("del") ? "danger" : "primary",
                   onClick: () => {
-                    w.click?.(Y.row);
+                    w.click?.(P.row);
                   },
                   link: ""
                 }, {
                   default: s(() => [
-                    W(x(w.label), 1)
+                    I(x(w.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["type", "onClick"])), [
-                  [I, w.permi ? [w.permi] : [""]]
+                  [Y, w.permi ? [w.permi] : [""]]
                 ])), 128))
               ]),
               _: 1
@@ -539,7 +539,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
       ], 512);
     };
   }
-}), ge = /* @__PURE__ */ T(he, [["__scopeId", "data-v-5ca5027f"]]), be = {
+}), De = /* @__PURE__ */ R(ke, [["__scopeId", "data-v-5ca5027f"]]), we = {
   name: "",
   components: {},
   props: {
@@ -549,13 +549,14 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   }
 };
-function ye(t, u, d, c, l, i) {
-  return d.icon ? (a(), o(Q(d.icon), {
+function _e(t, u, d, c, l, i) {
+  return d.icon ? (a(), o(le(d.icon), {
     key: 0,
     class: "menu_icon"
   })) : h("", !0);
 }
-const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"]]), ve = /* @__PURE__ */ H({
+const q = /* @__PURE__ */ R(we, [["render", _e], ["__scopeId", "data-v-261ce99a"]]), Ve = /* @__PURE__ */ S({
+  name: "subMenu",
   __name: "subMenu",
   props: {
     routeData: {
@@ -570,16 +571,16 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
       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, {
+      const g = r("subMenu", !0), p = r("el-sub-menu"), m = r("el-menu-item");
+      return t.routeData.children && t.routeData.children.length > 0 ? (a(), o(p, {
         key: 0,
         index: t.routeData.path
       }, {
         title: s(() => [
-          M(L, {
+          E(q, {
             icon: t.routeData.meta.icon
           }, null, 8, ["icon"]),
-          $("span", null, x(t.routeData.meta.title), 1)
+          H("span", null, x(t.routeData.meta.title), 1)
         ]),
         default: s(() => [
           (a(!0), v(V, null, D(t.routeData.children, (b, y) => (a(), o(g, {
@@ -593,14 +594,14 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
         key: 1,
         onClick: i[0] || (i[0] = (b) => c(t.routeData))
       }, [
-        M(m, {
+        E(m, {
           index: t.routeData.path
         }, {
           title: s(() => [
-            $("span", null, x(t.routeData.meta.title), 1)
+            H("span", null, x(t.routeData.meta.title), 1)
           ]),
           default: s(() => [
-            M(L, {
+            E(q, {
               icon: t.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
@@ -609,7 +610,7 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), Ce = /* @__PURE__ */ H({
+}), xe = /* @__PURE__ */ S({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -625,10 +626,10 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
     };
     return (l, i) => {
       const g = r("el-menu");
-      return a(), o(g, X(Z(l.$attrs)), {
+      return a(), o(g, ne(oe(l.$attrs)), {
         default: s(() => [
-          (a(!0), v(V, null, D(t.menuList, (f) => (a(), o(ve, {
-            routeData: f,
+          (a(!0), v(V, null, D(t.menuList, (p) => (a(), o(Ve, {
+            routeData: p,
             onHandleMenuItemClick: c
           }, null, 8, ["routeData"]))), 256))
         ]),
@@ -636,7 +637,7 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
       }, 16);
     };
   }
-}), ke = /* @__PURE__ */ H({
+}), $e = /* @__PURE__ */ S({
   name: "Pagination",
   __name: "index",
   props: {
@@ -665,14 +666,14 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
   },
   emits: ["update:page", "update:limit", "pagination"],
   setup(t, { emit: u }) {
-    const d = t, c = u, l = computed({
+    const d = t, c = u, l = j({
       get() {
         return d.page;
       },
       set(m) {
         c("update:page", m);
       }
-    }), i = computed({
+    }), i = j({
       get() {
         return d.limit;
       },
@@ -681,16 +682,16 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
       }
     }), g = (m) => {
       l.value * m > d.total && (l.value = 1), c("pagination", { page: l.value, limit: m });
-    }, f = (m) => {
+    }, p = (m) => {
       c("pagination", { page: m, limit: i.value });
     };
     return (m, b) => {
       const y = r("el-pagination");
-      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),
+      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),
         background: !0,
         "page-sizes": [10, 20, 30, 50, 100],
         "pager-count": t.pagerCount,
@@ -698,31 +699,31 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
         class: "pagination",
         layout: "total, sizes, prev, pager, next, jumper",
         onSizeChange: g,
-        onCurrentChange: f
+        onCurrentChange: p
       }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-        [ee, t.total > 0]
+        [re, t.total > 0]
       ]);
     };
   }
-}), De = /* @__PURE__ */ T(ke, [["__scopeId", "data-v-3d378ae6"]]), we = [
-  de,
-  ce,
+}), He = /* @__PURE__ */ R($e, [["__scopeId", "data-v-3d378ae6"]]), Se = [
   fe,
   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 };
+  ve,
+  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 };
 export {
-  de as ContentWarp,
-  ce as Dialog,
-  fe as EasyForm,
-  ge as EasyTable,
-  Ce as MenuTree,
-  De as Pagination,
-  xe as default,
-  _e as install
+  fe as ContentWarp,
+  ge as Dialog,
+  ve as EasyForm,
+  De as EasyTable,
+  xe as MenuTree,
+  He as Pagination,
+  Ee as default,
+  Me as install
 };

package/package.json

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

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 zzm
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.