mwl-components 0.0.7 → 0.0.9

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 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"
-}, re = {
+}, de = {
   key: 0,
   class: "mt-8px flex items-center"
-}, ue = /* @__PURE__ */ H({
+}, se = /* @__PURE__ */ H({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -13,11 +13,11 @@ 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 = j(), d = M("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 m = r("ElIcon"), g = r("ElTooltip"), p = r("ElCard");
+      return a(), o(p, {
+        class: G([d.value, "mb-[10px]"]),
         shadow: "never"
       }, N({
         default: s(() => [
@@ -28,34 +28,34 @@ 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),
+            $("div", le, [
+              $("div", ne, [
+                $("span", oe, x(t.title), 1),
                 t.message ? (a(), o(g, {
                   key: 0,
                   effect: "dark",
                   placement: "right"
                 }, {
                   content: s(() => [
-                    $("div", ne, x(t.message), 1)
+                    $("div", re, x(t.message), 1)
                   ]),
                   default: s(() => [
-                    M(i, {
+                    U(m, {
                       size: 14,
                       class: "ml-5px",
                       icon: "ep:question-filled"
                     })
                   ]),
                   _: 1
-                })) : h("", !0)
+                })) : f("", !0)
               ]),
-              u.buttonTip ? (a(), v("div", oe, [
+              u.buttonTip ? (a(), v("div", ue, [
                 k(c.$slots, "buttonTip", {}, void 0, !0)
-              ])) : h("", !0)
+              ])) : f("", !0)
             ]),
-            u.descTip ? (a(), v("div", re, [
+            u.descTip ? (a(), v("div", de, [
               k(c.$slots, "descTip", {}, void 0, !0)
-            ])) : h("", !0)
+            ])) : f("", !0)
           ]),
           key: "0"
         } : void 0
@@ -67,7 +67,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
   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({
+}, ce = /* @__PURE__ */ T(se, [["__scopeId", "data-v-15c93817"]]), ie = { class: "dialog-header" }, me = /* @__PURE__ */ H({
   name: "Dialog",
   __name: "index",
   props: {
@@ -93,33 +93,33 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   },
   setup(t) {
-    const u = B(), d = t, c = ref(!1), l = () => {
+    const u = j(), d = t, c = M(!1), l = () => {
       c.value = !unref(c);
-    }, i = ref(d.maxHeight);
-    watch(
+    }, m = M(d.maxHeight);
+    J(
       () => c.value,
-      async (f) => {
-        if (await nextTick(), f) {
-          const m = document.documentElement.offsetHeight;
-          i.value = `${m - 55 - 40 - (u.footer ? 63 : 0)}px`;
+      async (p) => {
+        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 = computed(() => {
+    const g = R(() => {
       if (d.maxHeight)
         return {
-          height: unref(i)
+          height: unref(m)
         };
     });
-    return console.log(d), (f, m) => {
+    return console.log(d), (p, i) => {
       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.value,
         width: t.width,
         "destroy-on-close": "",
         draggable: "",
@@ -128,12 +128,12 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         "append-to-body": ""
       }), N({
         header: s(() => [
-          $("div", se, [
-            k(f.$slots, "title", {}, () => [
+          $("div", ie, [
+            k(p.$slots, "title", {}, () => [
               W(x(t.title), 1)
             ]),
             $("div", { onClick: l }, [
-              M(b, {
+              U(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: A(g.value)
           }, {
             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,
+}), pe = {}, he = /* @__PURE__ */ H({
+  ...pe,
   name: "EasyForm",
   __name: "index",
   props: {
@@ -195,17 +195,17 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   },
   setup(t, { expose: u }) {
-    const d = J();
+    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 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");
+    }), (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,
@@ -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: 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(() => [
-                p == "text" || p == "" ? (a(), o(f, _({
+                h == "text" || h == "" ? (a(), o(p, _({
                   key: 0,
                   placeholder: "请输入" + e.label
                 }, { ref_for: !0 }, { ...e }, {
@@ -231,8 +231,8 @@ const te = { class: "flex items-center justify-between" }, ae = { 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),
-                p == "textarea" ? (a(), o(f, _({
+                }), 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 te = { class: "flex items-center justify-between" }, ae = { 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),
-                p == "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),
-                p == "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,
@@ -268,8 +268,8 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                     }, 1032, ["value"]))), 128))
                   ]),
                   _: 2
-                }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-                p == "checkbox" ? (a(), o(S, _({
+                }, 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,
@@ -288,8 +288,8 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                     }, 1032, ["value"]))), 128))
                   ]),
                   _: 2
-                }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
-                p == "select" || p == "multipleselect" ? (a(), o(E, _({
+                }, 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 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, {
+                    (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),
-                p == "cascader" ? (a(), o(I, {
+                }, 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: j({ 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 te = { class: "flex items-center justify-between" }, ae = { 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),
-                p === "switch" ? (a(), o(Y, {
+                }, 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: j({ 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),
-                p == "date" || p == "datetime" || p == "year" || p == "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 te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                   clearable: e.clearable,
                   placeholder: e.placeholder || "请选择",
                   "disabled-date": e.disabledDate,
-                  type: p,
+                  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),
-                p == "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: p,
+                  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),
-            p == "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)),
-          M(P, 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 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({
+}), fe = /* @__PURE__ */ T(he, [["__scopeId", "data-v-9fb8ae2f"]]), ge = /* @__PURE__ */ H({
   __name: "tableColumnItem",
   props: {
     tableColumn: {}
   },
   setup(t) {
-    const u = B(), d = t, c = () => {
+    const u = j(), 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);
+    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
       }), 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,9 +407,9 @@ 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, (i, b) => (a(), o(p, {
             key: b,
-            "table-column": { align: m.align || l.tableColumn.align, ...m }
+            "table-column": { align: i.align || l.tableColumn.align, ...i }
           }, N({ _: 2 }, [
             D(u, (y, C) => ({
               name: C,
@@ -425,7 +425,7 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
       }, 8, ["align", "label"]));
     };
   }
-}), he = /* @__PURE__ */ H({
+}), be = /* @__PURE__ */ H({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -460,9 +460,9 @@ 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 = 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 {
@@ -473,46 +473,46 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
         return y;
       }
       return y;
-    }, m = ref(), b = () => {
-      m.value && clearTimeout(m.value), m.value = setTimeout(() => {
-        i.value = f(), m.value = null;
+    }, i = M(), b = () => {
+      i.value && clearTimeout(i.value), i.value = setTimeout(() => {
+        m.value = p(), i.value = null;
       }, 100);
     };
     return onMounted(() => {
-      i.value = f(), window.addEventListener("resize", b);
+      m.value = p(), window.addEventListener("resize", b);
     }), onUnmounted(() => {
       window.removeEventListener("resize", b);
     }), (y, C) => {
-      const S = r("el-button"), R = r("el-table-column"), E = r("el-table"), I = K("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
       }, [
-        M(E, _({ style: { width: "100%" } }, y.$attrs, {
+        U(E, _({ style: { width: "100%" } }, y.$attrs, {
           data: t.data,
           height: t.height,
-          maxHeight: t.maxHeight ? t.maxHeight : U(i)
+          maxHeight: t.maxHeight ? t.maxHeight : m.value
         }), {
           default: s(() => [
-            (a(!0), v(V, null, D(t.tableColumns, (Y, w) => (a(), o(pe, {
+            (a(!0), v(V, null, D(t.tableColumns, (Y, w) => (a(), o(ge, {
               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)
+                fn: s(({ row: h }) => [
+                  k(y.$slots, z, { row: h }, () => [
+                    W(x(h[z]), 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.value
             }, {
               default: s((Y) => [
                 (a(!0), v(V, null, D(t.buttons, (w, P) => q((a(), o(S, {
@@ -532,14 +532,14 @@ const te = { class: "flex items-center justify-between" }, ae = { class: "flex i
                 ])), 128))
               ]),
               _: 1
-            }, 8, ["width"])) : h("", !0)
+            }, 8, ["width"])) : f("", !0)
           ]),
           _: 3
         }, 16, ["data", "height", "maxHeight"])
       ], 512);
     };
   }
-}), ge = /* @__PURE__ */ T(he, [["__scopeId", "data-v-5ca5027f"]]), be = {
+}), ye = /* @__PURE__ */ T(be, [["__scopeId", "data-v-217a24bd"]]), ve = {
   name: "",
   components: {},
   props: {
@@ -549,13 +549,13 @@ 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 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 L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"]]), ve = /* @__PURE__ */ H({
+const L = /* @__PURE__ */ T(ve, [["render", Ce], ["__scopeId", "data-v-261ce99a"]]), ke = /* @__PURE__ */ H({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -570,14 +570,14 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
     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, {
+    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(() => [
-          M(L, {
+          U(L, {
             icon: t.routeData.meta.icon
           }, null, 8, ["icon"]),
           $("span", null, x(t.routeData.meta.title), 1)
@@ -592,16 +592,16 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__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))
       }, [
-        M(m, {
+        U(i, {
           index: t.routeData.path
         }, {
           title: s(() => [
             $("span", null, x(t.routeData.meta.title), 1)
           ]),
           default: s(() => [
-            M(L, {
+            U(L, {
               icon: t.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
@@ -610,7 +610,7 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), Ce = /* @__PURE__ */ H({
+}), De = /* @__PURE__ */ H({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -624,12 +624,12 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__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, X(Z(l.$attrs)), {
+      return a(), o(g, ee(te(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(ke, {
+            routeData: p,
             onHandleMenuItemClick: c
           }, null, 8, ["routeData"]))), 256))
         ]),
@@ -637,7 +637,7 @@ const L = /* @__PURE__ */ T(be, [["render", ye], ["__scopeId", "data-v-261ce99a"
       }, 16);
     };
   }
-}), ke = /* @__PURE__ */ H({
+}), we = /* @__PURE__ */ H({
   name: "Pagination",
   __name: "index",
   props: {
@@ -666,32 +666,32 @@ 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 = R({
       get() {
         return d.page;
       },
-      set(m) {
-        c("update:page", m);
+      set(i) {
+        c("update:page", i);
       }
-    }), i = computed({
+    }), 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 });
-    }, f = (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 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),
+        "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,
@@ -699,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]
+        [ae, t.total > 0]
       ]);
     };
   }
-}), De = /* @__PURE__ */ T(ke, [["__scopeId", "data-v-3d378ae6"]]), we = [
-  de,
+}), _e = /* @__PURE__ */ T(we, [["__scopeId", "data-v-1e34e383"]]), Ve = [
   ce,
+  me,
   fe,
-  ge,
-  Ce,
-  De
-], O = [], _e = (t) => {
-  we.forEach((u) => {
+  ye,
+  De,
+  _e
+], O = [], xe = (t) => {
+  Ve.forEach((u) => {
     O.push(u.name), t.component(u.name, u);
   }), console.log("mwl-components", O);
-}, xe = { install: _e };
+}, He = { install: xe };
 export {
-  de as ContentWarp,
-  ce as Dialog,
+  ce as ContentWarp,
+  me as Dialog,
   fe as EasyForm,
-  ge as EasyTable,
-  Ce as MenuTree,
-  De as Pagination,
-  xe as default,
-  _e as install
+  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.7",
+  "version": "0.0.9",
   "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.