mwl-components 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as E, useSlots as A, ref as N, resolveComponent as c, createBlock as f, openBlock as o, normalizeClass as K, createSlots as B, withCtx as i, renderSlot as w, createElementVNode as D, createElementBlock as _, createCommentVNode as Y, toDisplayString as H, createVNode as M, watch as Q, nextTick as X, computed as F, unref as O, mergeProps as z, normalizeStyle as j, createTextVNode as L, getCurrentInstance as U, Fragment as $, renderList as P, resolveDynamicComponent as T, h as I, onMounted as Z, onUnmounted as ee, withDirectives as q, vShow as G, normalizeProps as te, guardReactiveProps as ne } from "vue";
-const oe = { class: "flex items-center justify-between" }, ae = { class: "flex items-center" }, le = { class: "text-16px font-700" }, re = { class: "max-w-200px" }, se = {
+import { defineComponent as H, useSlots as W, ref as I, resolveComponent as d, createBlock as f, openBlock as a, normalizeClass as Q, createSlots as j, withCtx as i, renderSlot as _, createElementVNode as S, createElementBlock as v, createCommentVNode as D, toDisplayString as $, createVNode as Y, watch as X, nextTick as Z, computed as F, unref as A, mergeProps as T, normalizeStyle as L, createTextVNode as U, getCurrentInstance as q, Fragment as M, renderList as z, resolveDynamicComponent as E, h as N, onMounted as ee, onUnmounted as te, withDirectives as G, vShow as J, normalizeProps as ne, guardReactiveProps as oe } from "vue";
+const ae = { class: "flex items-center justify-between" }, le = { class: "flex items-center" }, re = { class: "text-16px font-700" }, se = { class: "max-w-200px" }, ce = {
   key: 0,
   class: "flex justify-end"
 }, ue = {
   key: 0,
   class: "mt-8px flex items-center"
-}, ce = /* @__PURE__ */ E({
+}, ie = /* @__PURE__ */ H({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -13,61 +13,61 @@ const oe = { class: "flex items-center justify-between" }, ae = { class: "flex i
     message: String
   },
   setup(e) {
-    const a = A(), l = N("content-wrap");
-    return (r, s) => {
-      const d = c("ElIcon"), h = c("ElTooltip"), u = c("ElCard");
-      return o(), f(u, {
-        class: K([l.value, "mb-[10px]"]),
+    const t = W(), n = I("content-wrap");
+    return (s, c) => {
+      const p = d("ElIcon"), l = d("ElTooltip"), o = d("ElCard");
+      return a(), f(o, {
+        class: Q([n.value, "mb-[10px]"]),
         shadow: "never"
-      }, B({
+      }, j({
         default: i(() => [
-          w(r.$slots, "default", {}, void 0, !0)
+          _(s.$slots, "default", {}, void 0, !0)
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: i(() => [
-            D("div", oe, [
-              D("div", ae, [
-                D("span", le, H(e.title), 1),
-                e.message ? (o(), f(h, {
+            S("div", ae, [
+              S("div", le, [
+                S("span", re, $(e.title), 1),
+                e.message ? (a(), f(l, {
                   key: 0,
                   effect: "dark",
                   placement: "right"
                 }, {
                   content: i(() => [
-                    D("div", re, H(e.message), 1)
+                    S("div", se, $(e.message), 1)
                   ]),
                   default: i(() => [
-                    M(d, {
+                    Y(p, {
                       size: 14,
                       class: "ml-5px",
                       icon: "ep:question-filled"
                     })
                   ]),
                   _: 1
-                })) : Y("", !0)
+                })) : D("", !0)
               ]),
-              a.buttonTip ? (o(), _("div", se, [
-                w(r.$slots, "buttonTip", {}, void 0, !0)
-              ])) : Y("", !0)
+              t.buttonTip ? (a(), v("div", ce, [
+                _(s.$slots, "buttonTip", {}, void 0, !0)
+              ])) : D("", !0)
             ]),
-            a.descTip ? (o(), _("div", ue, [
-              w(r.$slots, "descTip", {}, void 0, !0)
-            ])) : Y("", !0)
+            t.descTip ? (a(), v("div", ue, [
+              _(s.$slots, "descTip", {}, void 0, !0)
+            ])) : D("", !0)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["class"]);
     };
   }
-}), W = (e, a) => {
-  const l = e.__vccOpts || e;
-  for (const [r, s] of a)
-    l[r] = s;
-  return l;
-}, ie = /* @__PURE__ */ W(ce, [["__scopeId", "data-v-6e7d743c"]]), de = { class: "dialog-header" }, me = /* @__PURE__ */ E({
+}), P = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [s, c] of t)
+    n[s] = c;
+  return n;
+}, de = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-6e7d743c"]]), me = { class: "dialog-header" }, pe = /* @__PURE__ */ H({
   name: "Dialog",
   __name: "index",
   props: {
@@ -93,64 +93,64 @@ const oe = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   },
   setup(e) {
-    const a = A(), l = e, r = N(l.fullscreen), s = () => {
-      r.value = !O(r);
-    }, d = N(l.maxHeight);
-    Q(
-      () => r.value,
-      async (u) => {
-        if (await X(), u) {
-          const m = document.documentElement.offsetHeight;
-          d.value = `${m - 55 - 40 - (a.footer ? 63 : 0)}px`;
+    const t = W(), n = e, s = I(n.fullscreen), c = () => {
+      s.value = !A(s);
+    }, p = I(n.maxHeight);
+    X(
+      () => s.value,
+      async (o) => {
+        if (await Z(), o) {
+          const u = document.documentElement.offsetHeight;
+          p.value = `${u - 55 - 40 - (t.footer ? 63 : 0)}px`;
         } else
-          d.value = l.maxHeight;
+          p.value = n.maxHeight;
       },
       {
         immediate: !0
       }
     );
-    const h = F(() => {
-      if (l.maxHeight)
+    const l = F(() => {
+      if (n.maxHeight)
         return {
-          height: O(d)
+          height: A(p)
         };
     });
-    return (u, m) => {
-      const y = c("FullScreen"), S = c("el-icon"), t = c("ElScrollbar"), n = c("ElDialog");
-      return o(), f(n, z(u.$attrs, {
+    return (o, u) => {
+      const h = d("FullScreen"), k = d("el-icon"), g = d("ElScrollbar"), m = d("ElDialog");
+      return a(), f(m, T(o.$attrs, {
         "close-on-click-modal": !1,
-        fullscreen: r.value,
+        fullscreen: s.value,
         width: e.width,
         "destroy-on-close": "",
         draggable: "",
         "lock-scroll": "",
         class: "custom-dialog",
         "append-to-body": ""
-      }), B({
+      }), j({
         default: i(() => [
-          e.scroll ? (o(), f(t, {
+          e.scroll ? (a(), f(g, {
             key: 0,
-            style: j(h.value)
+            style: L(l.value)
           }, {
             default: i(() => [
-              w(u.$slots, "default")
+              _(o.$slots, "default")
             ]),
             _: 3
-          }, 8, ["style"])) : w(u.$slots, "default", { key: 1 })
+          }, 8, ["style"])) : _(o.$slots, "default", { key: 1 })
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: i(() => [
-            D("div", de, [
-              w(u.$slots, "title", {}, () => [
-                L(H(e.title), 1)
+            S("div", me, [
+              _(o.$slots, "title", {}, () => [
+                U($(e.title), 1)
               ]),
-              D("div", { onClick: s }, [
-                M(S, { class: "fullScreen" }, {
+              S("div", { onClick: c }, [
+                Y(k, { class: "fullScreen" }, {
                   default: i(() => [
-                    M(y)
+                    Y(h)
                   ]),
                   _: 1
                 })
@@ -159,17 +159,181 @@ const oe = { class: "flex items-center justify-between" }, ae = { class: "flex i
           ]),
           key: "0"
         } : void 0,
-        a.footer ? {
+        t.footer ? {
           name: "footer",
           fn: i(() => [
-            w(u.$slots, "footer")
+            _(o.$slots, "footer")
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), pe = { key: 1 }, fe = /* @__PURE__ */ E({
+}), fe = { key: 1 }, ge = (e) => {
+  let t = e.label;
+  return e.label && typeof e.label == "function" && (t = e.label()), e.type.indexOf("select") > -1 || e.type.indexOf("cascader") > -1 || e.type.indexOf("date") > -1 ? `请选择${t}` : `请输入${t}`;
+}, R = {
+  valueFormat: "YYYY-MM-DD HH:mm:ss",
+  format: "YYYY-MM-DD HH:mm:ss"
+}, he = (e) => {
+  const { options: t } = e;
+  return {
+    default: () => t?.map((n) => N(d("el-option"), {
+      label: n.label,
+      value: n.value,
+      key: n.value
+    }))
+  };
+}, O = {
+  clearable: !0
+}, ye = [
+  {
+    type: "slider",
+    component: "el-slider"
+  },
+  {
+    type: "text",
+    component: "el-input",
+    attrs: {
+      ...O
+    }
+  },
+  {
+    type: "textarea",
+    component: "el-input",
+    attrs: {
+      ...O
+    }
+  },
+  {
+    type: "number",
+    component: "el-input-number",
+    attrs: {
+      controlsPosition: "right"
+    }
+  },
+  {
+    type: "switch",
+    component: "el-switch"
+  },
+  {
+    type: "checkbox",
+    component: "el-checkbox-group",
+    slots: (e) => {
+      const { options: t } = e;
+      return {
+        default: () => t?.map((n) => N(
+          d("el-checkbox"),
+          {
+            value: n.value
+          },
+          {
+            default: () => n.label
+          }
+        ))
+      };
+    }
+  },
+  {
+    type: "radio",
+    component: "el-radio-group",
+    slots: (e) => {
+      const { options: t } = e;
+      return {
+        default: () => t?.map((n) => N(
+          d("el-radio"),
+          {
+            value: n.value
+          },
+          {
+            default: () => n.label
+          }
+        ))
+      };
+    }
+  },
+  {
+    type: "select",
+    component: "el-select",
+    slots: he
+  },
+  {
+    type: "select-v2",
+    component: "el-select-v2"
+  },
+  {
+    type: "tree-select",
+    component: "el-tree-select",
+    attrs: {
+      ...O,
+      checkStrictly: !0,
+      //是否严格的遵循父子不互相关联的做法，默认为 false
+      renderAfterExpand: !0
+      // 是否在第一次展开时即渲染子节点，默认为 false
+    }
+  },
+  {
+    type: "date,dates",
+    component: "el-date-picker",
+    attrs: {
+      showConfirm: !1,
+      valueFormat: "YYYY-MM-DD",
+      format: "YYYY-MM-DD"
+    }
+  },
+  {
+    type: "datetime,week",
+    component: "el-date-picker",
+    attrs: {
+      showConfirm: !1,
+      ...R
+    }
+  },
+  {
+    type: "month,months",
+    component: "el-date-picker",
+    attrs: {
+      showConfirm: !1,
+      valueFormat: "YYYY-MM",
+      format: "YYYY-MM"
+    }
+  },
+  {
+    type: "year,years",
+    component: "el-date-picker",
+    attrs: {
+      showConfirm: !1,
+      valueFormat: "YYYY",
+      format: "YYYY"
+    }
+  },
+  {
+    type: "datetimerange,daterange,,monthrange,yearrange",
+    component: "el-date-picker",
+    attrs: {
+      showConfirm: !1,
+      rangeSeparator: "至",
+      startPlaceholder: "开始日期",
+      endPlaceholder: "结束日期",
+      ...R
+    }
+  },
+  {
+    type: "cascader",
+    component: "el-cascader",
+    attrs: {
+      clearable: !0
+    }
+  },
+  {
+    type: "upload",
+    component: "el-upload"
+  },
+  {
+    type: "custom",
+    component: "el-form-item"
+  }
+], be = /* @__PURE__ */ H({
   name: "EasyForm",
   __name: "index",
   props: {
@@ -199,250 +363,94 @@ const oe = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   },
   setup(e) {
-    const a = U(), l = (t) => {
-      r(t, "formRef");
-    }, r = (t, n) => {
-      if (!t) {
-        delete a?.exposeProxy?.[n], delete a?.exposed?.[n];
+    const t = q(), n = (l) => {
+      s(l, "formRef");
+    }, s = (l, o) => {
+      if (!l) {
+        delete t?.exposeProxy?.[o], delete t?.exposed?.[o];
         return;
       }
-      a.exposeProxy = {
-        ...a?.exposed,
-        [n]: t
-      }, a.exposed = {
-        ...a?.exposed,
-        [n]: t
+      t.exposeProxy = {
+        ...t?.exposed,
+        [o]: l
+      }, t.exposed = {
+        ...t?.exposed,
+        [o]: l
       };
-    }, s = (t) => {
-      let n = t.label;
-      return t.label && typeof t.label == "function" && (n = t.label()), t.type.indexOf("select") > -1 || t.type.indexOf("cascader") > -1 || t.type.indexOf("date") > -1 ? `请选择${n}` : `请输入${n}`;
-    }, d = {
-      valueFormat: "YYYY-MM-DD HH:mm:ss",
-      format: "YYYY-MM-DD HH:mm:ss"
-    }, h = (t) => {
-      const { options: n } = t;
-      return {
-        default: () => n?.map((p) => I(c("el-option"), {
-          label: p.label,
-          value: p.value,
-          key: p.value
-        }))
-      };
-    }, u = {
-      clearable: !0
-    }, m = [
-      {
-        type: "text",
-        component: "el-input",
-        attrs: {
-          ...u
-        }
-      },
-      {
-        type: "textarea",
-        component: "el-input",
-        attrs: {
-          ...u
-        }
-      },
-      {
-        type: "number",
-        component: "el-input-number",
-        attrs: {
-          controlsPosition: "right"
-        }
-      },
-      {
-        type: "switch",
-        component: "el-switch"
-      },
-      {
-        type: "checkbox",
-        component: "el-checkbox-group",
-        slots: (t) => {
-          const { options: n } = t;
-          return {
-            default: () => n?.map((p) => I(
-              c("el-checkbox"),
-              {
-                value: p.value
-              },
-              {
-                default: () => p.label
-              }
-            ))
-          };
-        }
-      },
-      {
-        type: "radio",
-        component: "el-radio-group",
-        slots: (t) => {
-          const { options: n } = t;
-          return {
-            default: () => n?.map((p) => I(
-              c("el-radio"),
-              {
-                value: p.value
-              },
-              {
-                default: () => p.label
-              }
-            ))
-          };
-        }
-      },
-      {
-        type: "multipleselect",
-        component: "el-select",
-        slots: h
-      },
-      {
-        type: "select",
-        component: "el-select",
-        slots: h
-      },
-      {
-        type: "select-v2",
-        component: "el-select-v2"
-      },
-      {
-        type: "tree-select",
-        component: "el-tree-select",
-        slots: h,
-        checkStrictly: !0,
-        //是否严格的遵循父子不互相关联的做法，默认为 false
-        clearable: !0,
-        // 是否可以清空选项，默认为 false
-        renderAfterExpand: !0
-        // 是否在第一次展开时即渲染子节点，默认为 false
-      },
-      {
-        type: "date",
-        component: "el-date-picker",
-        attrs: {
-          valueFormat: "YYYY-MM-DD",
-          format: "YYYY-MM-DD"
-        }
-      },
-      {
-        type: "datetime",
-        component: "el-date-picker",
-        attrs: {
-          ...d
-        }
-      },
-      {
-        type: "month",
-        component: "el-date-picker",
-        attrs: {
-          valueFormat: "YYYY-MM",
-          format: "YYYY-MM"
-        }
-      },
-      {
-        type: "year",
-        component: "el-date-picker",
-        attrs: {
-          valueFormat: "YYYY",
-          format: "YYYY"
-        }
-      },
-      {
-        type: "daterange",
-        component: "el-date-picker",
-        attrs: {
-          rangeSeparator: "至",
-          startPlaceholder: "开始日期",
-          endPlaceholder: "结束日期",
-          ...d
-        }
-      },
-      {
-        type: "cascader",
-        component: "el-cascader",
-        attrs: {
-          clearable: !0
-        }
-      },
-      {
-        type: "upload",
-        component: "el-upload"
-      },
-      {
-        type: "custom",
-        component: "el-form-item"
-      }
-    ], y = A(), S = (t, n, p) => {
-      const v = m.find((b) => b.type === t);
-      if (!v)
-        return;
-      const k = v?.component === "el-select" && n.props, x = n.options && !k ? v?.slots?.(n) : {};
-      return I(
-        c(v.component),
-        {
-          ...v.attrs,
-          placeholder: s(n),
-          // 这里的ref还是从配置注入吧。不是每次都要用到ref
-          // ref: (el: any) => {
-          //   setRefs(el, formItem.prop)
-          // },
-          ...n
-          //外部传入的 优先级最高
-        },
-        { ...x, ...p }
-      );
+    }, c = W(), p = (l, o, u) => {
+      const { value: h, component: k, ...g } = o, m = ye.find((b) => b.type.indexOf(l) > -1), C = m?.component === "el-select" && o.props, y = o.options && !C ? m?.slots?.(o) : {};
+      if (!m && !o.component)
+        return new Error(`未找到type为${l}的组件且当前也未传递component`);
+      const r = E(m?.component || k);
+      if (r)
+        return N(
+          r,
+          {
+            ...m?.attrs,
+            // 这里的ref还是从配置注入吧。不是每次都要用到ref
+            // ref: (el: any) => {
+            //   setRefs(el, formItem.prop)
+            // },
+            ...g,
+            //外部传入的 优先级最高
+            placeholder: g.placeholder || ge(o)
+          },
+          { ...y, ...u }
+        );
     };
-    return (t, n) => {
-      const p = c("el-form-item"), v = c("el-form");
-      return o(), f(v, z({
+    return (l, o) => {
+      const u = d("el-form-item"), h = d("el-form");
+      return a(), f(h, T({
         model: e.formData,
         "label-width": e.labelWidth,
         inline: e.inline,
         "scroll-to-error": !0
-      }, { ...t.$attrs }, { ref: l }), {
+      }, { ...l.$attrs }, {
+        ref: n,
+        class: "easy-form"
+      }), {
         default: i(() => [
-          (o(!0), _($, null, P(e.formItems, ({ type: k, rule: x, width: b, slots: C, ...g }) => (o(), _($, null, [
-            k != "custom" && !g.hidden ? (o(), f(p, z({
+          (a(!0), v(M, null, z(e.formItems, ({ id: k, type: g, rule: m, width: C, slots: y, ...r }) => (a(), v(M, null, [
+            g != "custom" && !r.hidden ? (a(), f(u, T({
               key: 0,
               ref_for: !0
-            }, { ...g }), {
+            }, { ...r }), {
               label: i(() => [
-                g.label && typeof g.label == "function" ? (o(), f(T(g.label), { key: 0 })) : (o(), _("span", pe, H(g.label), 1))
+                r.label && typeof r.label == "function" ? (a(), f(E(r.label), { key: 0 })) : (a(), v("span", fe, $(r.label), 1))
               ]),
               default: i(() => [
-                y[g.prop] ? w(t.$slots, g.prop, {
+                c[r.prop] ? _(l.$slots, r.prop, {
                   key: 0,
-                  item: g
-                }, void 0, !0) : (o(), f(T(S(k, { ...g, type: k }, C)), {
+                  item: r
+                }, void 0, !0) : (a(), f(E(p(g, { ...r, type: g }, y)), {
                   key: 1,
-                  modelValue: e.formData[g.prop],
-                  "onUpdate:modelValue": (J) => e.formData[g.prop] = J,
+                  modelValue: e.formData[r.prop],
+                  "onUpdate:modelValue": (b) => e.formData[r.prop] = b,
                   modelModifiers: { trim: !0 },
-                  style: j({ width: b || e.itemWidth })
+                  style: L({ width: C || e.itemWidth })
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "style"]))
               ]),
               _: 2
-            }, 1040)) : Y("", !0),
-            k == "custom" ? (o(), _($, { key: 1 }, [
-              C?.[g.prop] ? (o(), f(T(C[g.prop]), { key: 0 })) : w(t.$slots, g.prop, {
+            }, 1040)) : D("", !0),
+            g == "custom" ? (a(), v(M, { key: 1 }, [
+              y?.[r.prop] ? (a(), f(E(y[r.prop]), { key: 0 })) : _(l.$slots, r.prop, {
                 key: 1,
-                item: { width: b, rule: x, ...g }
+                item: { width: C, rule: m, ...r }
               }, void 0, !0)
-            ], 64)) : Y("", !0)
+            ], 64)) : D("", !0)
           ], 64))), 256)),
-          y.append ? (o(), f(p, { key: 0 }, {
+          c.append ? (a(), f(u, { key: 0 }, {
             default: i(() => [
-              w(t.$slots, "append", {}, void 0, !0)
+              _(l.$slots, "append", {}, void 0, !0)
             ]),
             _: 3
-          })) : Y("", !0)
+          })) : D("", !0)
         ]),
         _: 3
       }, 16, ["model", "label-width", "inline"]);
     };
   }
-}), ge = /* @__PURE__ */ W(fe, [["__scopeId", "data-v-5d6bf523"]]), he = /* @__PURE__ */ E({
+}), ve = /* @__PURE__ */ P(be, [["__scopeId", "data-v-eb8139e8"]]), ke = /* @__PURE__ */ H({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -474,106 +482,111 @@ const oe = { class: "flex items-center justify-between" }, ae = { class: "flex i
     maxHeight: {
       type: String || Number,
       default: void 0
+    },
+    footerHeight: {
+      type: Number,
+      default: 65
     }
   },
   setup(e) {
-    const a = e, l = F(() => (a.buttonWidth.toString().indexOf("px") > -1 ? a.buttonWidth.toString().slice(0, -2) : a.buttonWidth, a.buttonWidth)), r = N(), s = N("auto");
-    let d = U();
-    const h = () => {
-      let n = "auto";
-      if (d?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
+    const t = e, n = F(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), s = I(), c = I("auto");
+    let p = q();
+    const l = () => {
+      let m = "auto";
+      if (p?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
+        const r = t.footerHeight;
         try {
-          const x = d?.refs.tableRef, { top: b } = x?.getBoundingClientRect();
-          n = document.documentElement.clientHeight - b - 65 - 20;
+          const b = p?.refs.tableRef, { top: x } = b?.getBoundingClientRect();
+          m = document.documentElement.clientHeight - x - r - 20;
         } catch {
         }
-        return n;
+        return m;
       }
-      return n;
-    }, u = N(), m = () => {
-      u.value && clearTimeout(u.value), u.value = setTimeout(() => {
-        s.value = h(), u.value = null;
+      return m;
+    }, o = I(), u = () => {
+      o.value && clearTimeout(o.value), o.value = setTimeout(() => {
+        c.value = l(), o.value = null;
       }, 100);
     };
-    Z(() => {
-      s.value = h(), window.addEventListener("resize", m);
-    }), ee(() => {
-      window.removeEventListener("resize", m);
+    ee(() => {
+      c.value = l(), window.addEventListener("resize", u);
+    }), te(() => {
+      window.removeEventListener("resize", u);
     });
-    const y = c("el-table-column"), S = A(), t = (n) => {
-      const { slots: p = {}, children: v = [], ...k } = n;
-      if (v && v.length > 0) {
-        const x = v.map((b) => t(b));
-        return I(
-          y,
+    const h = d("el-table-column"), k = W(), g = (m) => {
+      const { slots: C = {}, children: y = [], ...r } = m;
+      if (y && y.length > 0) {
+        const b = y.map((x) => g(x));
+        return N(
+          h,
           {
-            align: a.align,
-            ...k
+            align: t.align,
+            ...r
           },
           // default 插槽默认使用 childrenNode 不能被slots 覆盖
-          { ...p, default: () => x }
+          { ...C, default: () => b }
         );
       }
-      return I(
-        y,
+      return N(
+        h,
         {
-          align: a.align,
-          ...k
+          align: t.align,
+          ...r
         },
         // 最里层的表格列 default 插槽  slots传递的优先级最高 模版直接传递的可被 slots 覆盖
         {
-          default: (x) => S[n.prop] && S[n.prop](x),
-          ...p
+          default: (b) => k[m.prop] && k[m.prop](b),
+          ...C
         }
       );
     };
-    return (n, p) => {
-      const v = c("el-button"), k = c("el-table-column"), x = c("el-table");
-      return o(), _("div", {
+    return (m, C) => {
+      const y = d("el-button"), r = d("el-table-column"), b = d("el-table");
+      return a(), v("div", {
         ref_key: "tableRef",
-        ref: r
+        ref: s
       }, [
-        M(x, z({ style: { width: "100%" } }, n.$attrs, {
+        Y(b, T({ style: { width: "100%" } }, m.$attrs, {
           data: e.data,
           height: e.height,
-          maxHeight: e.maxHeight ? e.maxHeight : s.value
+          maxHeight: e.maxHeight ? e.maxHeight : c.value
         }), {
           default: i(() => [
-            (o(!0), _($, null, P(e.tableColumns, (b) => (o(), f(T(t(b))))), 256)),
-            e.buttons && e.buttons.length ? (o(), f(k, {
+            (a(!0), v(M, null, z(e.tableColumns, (x, w) => (a(), f(E(g(x)), { key: w }))), 128)),
+            e.buttons && e.buttons.length ? (a(), f(r, {
               key: 0,
               align: "center",
               fixed: "right",
               label: "操作",
-              width: l.value
+              width: n.value
             }, {
-              default: i((b) => [
-                (o(!0), _($, null, P(e.buttons, (C, g) => q((o(), f(v, z({ ref_for: !0 }, { ...C }, {
-                  key: g,
-                  type: C.type.includes("del") ? "danger" : "primary",
+              default: i((x) => [
+                (a(!0), v(M, null, z(e.buttons, (w, K) => G((a(), f(y, T({ ref_for: !0 }, { ...w }, {
+                  key: K,
+                  type: w.type.includes("del") ? "danger" : "primary",
                   onClick: () => {
-                    C.click?.(b.row);
+                    w.click?.(x.row);
                   },
-                  disabled: C.disabled?.(b.row) || !1,
-                  link: C.link?.(b.row) || !0
+                  disabled: w.disabled?.(x.row) || !1,
+                  link: w.link?.(x.row) || !0
                 }), {
                   default: i(() => [
-                    L(H(C.label), 1)
+                    U($(w.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["type", "onClick", "disabled", "link"])), [
-                  [G, C.show?.(b.row) || !0]
+                  [J, w.show?.(x.row) || !0]
                 ])), 128))
               ]),
               _: 1
-            }, 8, ["width"])) : Y("", !0)
+            }, 8, ["width"])) : D("", !0)
           ]),
           _: 1
         }, 16, ["data", "height", "maxHeight"])
       ], 512);
     };
   }
-}), ye = /* @__PURE__ */ W(he, [["__scopeId", "data-v-51c45d02"]]), be = {
+}), xe = /* @__PURE__ */ P(ke, [["__scopeId", "data-v-6bcfc120"]]), _e = {
   name: "",
   components: {},
   props: {
@@ -583,13 +596,13 @@ const oe = { class: "flex items-center justify-between" }, ae = { class: "flex i
     }
   }
 };
-function ve(e, a, l, r, s, d) {
-  return l.icon ? (o(), f(T(l.icon), {
+function Ce(e, t, n, s, c, p) {
+  return n.icon ? (a(), f(E(n.icon), {
     key: 0,
     class: "menu_icon"
-  })) : Y("", !0);
+  })) : D("", !0);
 }
-const R = /* @__PURE__ */ W(be, [["render", ve], ["__scopeId", "data-v-261ce99a"]]), ke = /* @__PURE__ */ E({
+const V = /* @__PURE__ */ P(_e, [["render", Ce], ["__scopeId", "data-v-261ce99a"]]), we = /* @__PURE__ */ H({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -599,43 +612,43 @@ const R = /* @__PURE__ */ W(be, [["render", ve], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(e, { emit: a }) {
-    const l = a;
-    function r(s) {
-      l("handleMenuItemClick", s);
+  setup(e, { emit: t }) {
+    const n = t;
+    function s(c) {
+      n("handleMenuItemClick", c);
     }
-    return (s, d) => {
-      const h = c("subMenu", !0), u = c("el-sub-menu"), m = c("el-menu-item");
-      return e.routeData.children && e.routeData.children.length > 0 ? (o(), f(u, {
+    return (c, p) => {
+      const l = d("subMenu", !0), o = d("el-sub-menu"), u = d("el-menu-item");
+      return e.routeData.children && e.routeData.children.length > 0 ? (a(), f(o, {
         key: 0,
         index: e.routeData.path
       }, {
         title: i(() => [
-          M(R, {
+          Y(V, {
             icon: e.routeData.meta.icon
           }, null, 8, ["icon"]),
-          D("span", null, H(e.routeData.meta.title), 1)
+          S("span", null, $(e.routeData.meta.title), 1)
         ]),
         default: i(() => [
-          (o(!0), _($, null, P(e.routeData.children, (y, S) => (o(), f(h, {
-            onHandleMenuItemClick: r,
-            routeData: y,
-            key: S
+          (a(!0), v(M, null, z(e.routeData.children, (h, k) => (a(), f(l, {
+            onHandleMenuItemClick: s,
+            routeData: h,
+            key: k
           }, null, 8, ["routeData"]))), 128))
         ]),
         _: 1
-      }, 8, ["index"])) : (o(), _("div", {
+      }, 8, ["index"])) : (a(), v("div", {
         key: 1,
-        onClick: d[0] || (d[0] = (y) => r(e.routeData))
+        onClick: p[0] || (p[0] = (h) => s(e.routeData))
       }, [
-        M(m, {
+        Y(u, {
           index: e.routeData.path
         }, {
           title: i(() => [
-            D("span", null, H(e.routeData.meta.title), 1)
+            S("span", null, $(e.routeData.meta.title), 1)
           ]),
           default: i(() => [
-            M(R, {
+            Y(V, {
               icon: e.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
@@ -644,7 +657,7 @@ const R = /* @__PURE__ */ W(be, [["render", ve], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), xe = /* @__PURE__ */ E({
+}), Se = /* @__PURE__ */ H({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -654,24 +667,24 @@ const R = /* @__PURE__ */ W(be, [["render", ve], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(e, { emit: a }) {
-    const l = a, r = (s) => {
-      l("handleMenuItemClick", s);
+  setup(e, { emit: t }) {
+    const n = t, s = (c) => {
+      n("handleMenuItemClick", c);
     };
-    return (s, d) => {
-      const h = c("el-menu");
-      return o(), f(h, te(ne(s.$attrs)), {
+    return (c, p) => {
+      const l = d("el-menu");
+      return a(), f(l, ne(oe(c.$attrs)), {
         default: i(() => [
-          (o(!0), _($, null, P(e.menuList, (u) => (o(), f(ke, {
-            routeData: u,
-            onHandleMenuItemClick: r
+          (a(!0), v(M, null, z(e.menuList, (o) => (a(), f(we, {
+            routeData: o,
+            onHandleMenuItemClick: s
           }, null, 8, ["routeData"]))), 256))
         ]),
         _: 1
       }, 16);
     };
   }
-}), _e = /* @__PURE__ */ E({
+}), De = /* @__PURE__ */ H({
   name: "Pagination",
   __name: "index",
   props: {
@@ -699,65 +712,67 @@ const R = /* @__PURE__ */ W(be, [["render", ve], ["__scopeId", "data-v-261ce99a"
     onPagination: { type: Function }
   },
   emits: ["update:page", "update:limit", "pagination"],
-  setup(e, { emit: a }) {
-    const l = e, r = a, s = F({
+  setup(e, { emit: t }) {
+    const n = e, s = t, c = F({
       get() {
-        return l.page;
+        return n.page;
       },
-      set(m) {
-        r("update:page", m);
+      set(u) {
+        s("update:page", u);
       }
-    }), d = F({
+    }), p = F({
       get() {
-        return l.limit;
+        return n.limit;
       },
-      set(m) {
-        r("update:limit", m);
+      set(u) {
+        s("update:limit", u);
       }
-    }), h = (m) => {
-      s.value * m > l.total && (s.value = 1), r("pagination", { page: s.value, limit: m });
-    }, u = (m) => {
-      r("pagination", { page: m, limit: d.value });
+    }), l = (u) => {
+      c.value * u > n.total && (c.value = 1), s("pagination", { page: c.value, limit: u });
+    }, o = (u) => {
+      s("pagination", { page: u, limit: p.value });
     };
-    return (m, y) => {
-      const S = c("el-pagination");
-      return q((o(), f(S, {
-        "current-page": s.value,
-        "onUpdate:currentPage": y[0] || (y[0] = (t) => s.value = t),
-        "page-size": d.value,
-        "onUpdate:pageSize": y[1] || (y[1] = (t) => d.value = t),
+    return (u, h) => {
+      const k = d("el-pagination");
+      return G((a(), f(k, {
+        "current-page": c.value,
+        "onUpdate:currentPage": h[0] || (h[0] = (g) => c.value = g),
+        "page-size": p.value,
+        "onUpdate:pageSize": h[1] || (h[1] = (g) => p.value = g),
         background: !0,
         "page-sizes": [10, 20, 30, 50, 100],
         "pager-count": e.pagerCount,
         total: e.total,
         class: "pagination",
         layout: "total, sizes, prev, pager, next, jumper",
-        onSizeChange: h,
-        onCurrentChange: u
+        onSizeChange: l,
+        onCurrentChange: o
       }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-        [G, e.total > 0]
+        [J, e.total > 0]
       ]);
     };
   }
-}), Ce = /* @__PURE__ */ W(_e, [["__scopeId", "data-v-1e34e383"]]), Se = [
-  ie,
-  me,
-  ge,
-  ye,
+}), Ye = /* @__PURE__ */ P(De, [["__scopeId", "data-v-1e34e383"]]), Me = [
+  de,
+  pe,
+  ve,
+  // EasyFormH,
   xe,
-  Ce
-], V = [], we = (e, a) => {
-  Se.forEach((l) => {
-    V.push(l.name), e.component(l.name, l);
-  }), console.log("mwl-components", V);
-}, Ye = { install: we };
+  Se,
+  Ye
+], B = [], $e = (e, t) => {
+  Me.forEach((n) => {
+    B.push(n.name), e.component(n.name, n);
+  }), console.log("mwl-components", B);
+}, Ee = { install: $e };
 export {
-  ie as ContentWarp,
-  me as Dialog,
-  ge as EasyForm,
-  ye as EasyTable,
-  xe as MenuTree,
-  Ce as Pagination,
-  Ye as default,
-  we as install
+  de as ContentWarp,
+  pe as Dialog,
+  ve as EasyForm,
+  xe as EasyTable,
+  Se as MenuTree,
+  Ye as Pagination,
+  ye as componentsMap,
+  Ee as default,
+  $e as install
 };