mwl-components 0.0.22 → 0.1.0

package/dist/index.js

@@ -1,73 +1,73 @@
-import { defineComponent as S, useSlots as j, ref as U, resolveComponent as u, createBlock as r, openBlock as a, normalizeClass as K, createSlots as N, withCtx as d, renderSlot as k, createElementVNode as H, createElementBlock as v, createCommentVNode as p, toDisplayString as $, createVNode as E, watch as Q, nextTick as X, computed as R, unref as L, mergeProps as D, normalizeStyle as A, createTextVNode as Y, Fragment as x, renderList as V, getCurrentInstance as Z, onMounted as ee, onUnmounted as te, withDirectives as G, vShow as J, resolveDynamicComponent as ae, normalizeProps as le, guardReactiveProps as ne } from "vue";
-const oe = { class: "flex items-center justify-between" }, re = { class: "flex items-center" }, ue = { class: "text-16px font-700" }, de = { class: "max-w-200px" }, se = {
+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 = {
   key: 0,
   class: "flex justify-end"
-}, ce = {
+}, ue = {
   key: 0,
   class: "mt-8px flex items-center"
-}, ie = /* @__PURE__ */ S({
+}, ce = /* @__PURE__ */ E({
   name: "ContentWarp",
   __name: "index",
   props: {
     title: String,
     message: String
   },
-  setup(t) {
-    const i = j(), o = U("content-wrap");
-    return (s, l) => {
-      const m = u("ElIcon"), g = u("ElTooltip"), f = u("ElCard");
-      return a(), r(f, {
-        class: K([o.value, "mb-[10px]"]),
+  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]"]),
         shadow: "never"
-      }, N({
-        default: d(() => [
-          k(s.$slots, "default", {}, void 0, !0)
+      }, B({
+        default: i(() => [
+          w(r.$slots, "default", {}, void 0, !0)
         ]),
         _: 2
       }, [
-        t.title ? {
+        e.title ? {
           name: "header",
-          fn: d(() => [
-            H("div", oe, [
-              H("div", re, [
-                H("span", ue, $(t.title), 1),
-                t.message ? (a(), r(g, {
+          fn: i(() => [
+            D("div", oe, [
+              D("div", ae, [
+                D("span", le, H(e.title), 1),
+                e.message ? (o(), f(h, {
                   key: 0,
                   effect: "dark",
                   placement: "right"
                 }, {
-                  content: d(() => [
-                    H("div", de, $(t.message), 1)
+                  content: i(() => [
+                    D("div", re, H(e.message), 1)
                   ]),
-                  default: d(() => [
-                    E(m, {
+                  default: i(() => [
+                    M(d, {
                       size: 14,
                       class: "ml-5px",
                       icon: "ep:question-filled"
                     })
                   ]),
                   _: 1
-                })) : p("", !0)
+                })) : Y("", !0)
               ]),
-              i.buttonTip ? (a(), v("div", se, [
-                k(s.$slots, "buttonTip", {}, void 0, !0)
-              ])) : p("", !0)
+              a.buttonTip ? (o(), _("div", se, [
+                w(r.$slots, "buttonTip", {}, void 0, !0)
+              ])) : Y("", !0)
             ]),
-            i.descTip ? (a(), v("div", ce, [
-              k(s.$slots, "descTip", {}, void 0, !0)
-            ])) : p("", !0)
+            a.descTip ? (o(), _("div", ue, [
+              w(r.$slots, "descTip", {}, void 0, !0)
+            ])) : Y("", !0)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["class"]);
     };
   }
-}), T = (t, i) => {
-  const o = t.__vccOpts || t;
-  for (const [s, l] of i)
-    o[s] = l;
-  return o;
-}, me = /* @__PURE__ */ T(ie, [["__scopeId", "data-v-15c93817"]]), fe = { class: "dialog-header" }, he = /* @__PURE__ */ S({
+}), 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({
   name: "Dialog",
   __name: "index",
   props: {
@@ -92,78 +92,84 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
       default: ""
     }
   },
-  setup(t) {
-    const i = j(), o = t, s = U(!1), l = () => {
-      s.value = !L(s);
-    }, m = U(o.maxHeight);
+  setup(e) {
+    const a = A(), l = e, r = N(l.fullscreen), s = () => {
+      r.value = !O(r);
+    }, d = N(l.maxHeight);
     Q(
-      () => s.value,
-      async (f) => {
-        if (await X(), f) {
-          const c = document.documentElement.offsetHeight;
-          m.value = `${c - 55 - 40 - (i.footer ? 63 : 0)}px`;
+      () => r.value,
+      async (u) => {
+        if (await X(), u) {
+          const m = document.documentElement.offsetHeight;
+          d.value = `${m - 55 - 40 - (a.footer ? 63 : 0)}px`;
         } else
-          m.value = o.maxHeight;
+          d.value = l.maxHeight;
       },
       {
         immediate: !0
       }
     );
-    const g = R(() => {
-      if (o.maxHeight)
+    const h = F(() => {
+      if (l.maxHeight)
         return {
-          height: L(m)
+          height: O(d)
         };
     });
-    return (f, c) => {
-      const b = u("el-button"), y = u("ElScrollbar"), C = u("ElDialog");
-      return a(), r(C, D(f.$attrs, {
+    return (u, m) => {
+      const y = c("FullScreen"), S = c("el-icon"), t = c("ElScrollbar"), n = c("ElDialog");
+      return o(), f(n, z(u.$attrs, {
         "close-on-click-modal": !1,
-        fullscreen: s.value,
-        width: t.width,
+        fullscreen: r.value,
+        width: e.width,
         "destroy-on-close": "",
         draggable: "",
         "lock-scroll": "",
         class: "custom-dialog",
         "append-to-body": ""
-      }), N({
-        header: d(() => [
-          H("div", fe, [
-            k(f.$slots, "title", {}, () => [
-              Y($(t.title), 1)
-            ]),
-            H("div", { onClick: l }, [
-              E(b, {
-                link: "",
-                icon: "FullScreen"
-              })
-            ])
-          ])
-        ]),
-        default: d(() => [
-          t.scroll ? (a(), r(y, {
+      }), B({
+        default: i(() => [
+          e.scroll ? (o(), f(t, {
             key: 0,
-            style: A(g.value)
+            style: j(h.value)
           }, {
-            default: d(() => [
-              k(f.$slots, "default")
+            default: i(() => [
+              w(u.$slots, "default")
             ]),
             _: 3
-          }, 8, ["style"])) : k(f.$slots, "default", { key: 1 })
+          }, 8, ["style"])) : w(u.$slots, "default", { key: 1 })
         ]),
         _: 2
       }, [
-        i.footer ? {
-          name: "footer",
-          fn: d(() => [
-            k(f.$slots, "footer")
+        e.title ? {
+          name: "header",
+          fn: i(() => [
+            D("div", de, [
+              w(u.$slots, "title", {}, () => [
+                L(H(e.title), 1)
+              ]),
+              D("div", { onClick: s }, [
+                M(S, { class: "fullScreen" }, {
+                  default: i(() => [
+                    M(y)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
           ]),
           key: "0"
+        } : void 0,
+        a.footer ? {
+          name: "footer",
+          fn: i(() => [
+            w(u.$slots, "footer")
+          ]),
+          key: "1"
         } : void 0
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), pe = /* @__PURE__ */ S({
+}), pe = { key: 1 }, fe = /* @__PURE__ */ E({
   name: "EasyForm",
   __name: "index",
   props: {
@@ -192,239 +198,251 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
       default: "200px"
     }
   },
-  setup(t, { expose: i }) {
-    const o = U();
-    return i({
-      resetFields: () => {
-        o.value?.resetFields();
+  setup(e) {
+    const a = U(), l = (t) => {
+      r(t, "formRef");
+    }, r = (t, n) => {
+      if (!t) {
+        delete a?.exposeProxy?.[n], delete a?.exposed?.[n];
+        return;
+      }
+      a.exposeProxy = {
+        ...a?.exposed,
+        [n]: t
+      }, a.exposed = {
+        ...a?.exposed,
+        [n]: t
+      };
+    }, 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
+        }
       },
-      getFormData: async () => {
-        const m = await o.value.validate();
-        return m || null;
+      {
+        type: "upload",
+        component: "el-upload"
+      },
+      {
+        type: "custom",
+        component: "el-form-item"
       }
-    }), (m, g) => {
-      const f = u("el-input"), c = u("el-input-number"), b = u("el-radio"), y = u("el-radio-group"), C = u("el-checkbox"), M = u("el-checkbox-group"), P = u("el-option"), W = u("el-select"), _ = u("el-cascader"), w = u("el-switch"), z = u("el-date-picker"), I = u("el-form-item"), B = u("el-form");
-      return a(), r(B, {
-        ref_key: "formRef",
-        ref: o,
-        model: t.formData,
-        "label-width": t.labelWidth,
-        inline: t.inline,
-        "scroll-to-error": ""
-      }, {
-        default: d(() => [
-          (a(!0), v(x, null, V(t.formItems, ({ type: h, ...e }) => (a(), v(x, null, [
-            h != "custom" && !e.hidden ? (a(), r(I, {
+    ], 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 }
+      );
+    };
+    return (t, n) => {
+      const p = c("el-form-item"), v = c("el-form");
+      return o(), f(v, z({
+        model: e.formData,
+        "label-width": e.labelWidth,
+        inline: e.inline,
+        "scroll-to-error": !0
+      }, { ...t.$attrs }, { ref: l }), {
+        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({
               key: 0,
-              label: e.label,
-              prop: e.prop,
-              rules: e.rule
-            }, {
-              default: d(() => [
-                h == "text" || h == "" ? (a(), r(f, D({
+              ref_for: !0
+            }, { ...g }), {
+              label: i(() => [
+                g.label && typeof g.label == "function" ? (o(), f(T(g.label), { key: 0 })) : (o(), _("span", pe, H(g.label), 1))
+              ]),
+              default: i(() => [
+                y[g.prop] ? w(t.$slots, g.prop, {
                   key: 0,
-                  placeholder: "请输入" + e.label
-                }, { ref_for: !0 }, { ...e }, {
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
-                  modelModifiers: { trim: !0 },
-                  "show-word-limit": "",
-                  style: { width: e.width ? e.width : t.itemWidth }
-                }), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
-                h == "textarea" ? (a(), r(f, D({
+                  item: g
+                }, void 0, !0) : (o(), f(T(S(k, { ...g, type: k }, C)), {
                   key: 1,
-                  ref_for: !0
-                }, { ...e }, {
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
-                  type: "textarea",
-                  style: { width: e.width ? e.width : t.itemWidth }
-                }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
-                h == "number" ? (a(), r(c, D({
-                  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"])) : p("", !0),
-                h == "radio" ? (a(), r(y, D({
-                  key: 3,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (n) => e.change && e.change(t.formData[e.prop])
-                }, { ref_for: !0 }, { ...e }), {
-                  default: d(() => [
-                    (a(!0), v(x, null, V(e.options, (n, F) => (a(), r(b, {
-                      key: F,
-                      value: n.value
-                    }, {
-                      default: d(() => [
-                        Y($(n.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
-                  ]),
-                  _: 2
-                }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
-                h == "checkbox" ? (a(), r(M, D({
-                  key: 4,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (n) => e.change && e.change(t.formData[e.prop])
-                }, { ref_for: !0 }, { ...e }), {
-                  default: d(() => [
-                    (a(!0), v(x, null, V(e.options, (n, F) => (a(), r(C, {
-                      key: F,
-                      value: n.value
-                    }, {
-                      default: d(() => [
-                        Y($(n.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
-                  ]),
-                  _: 2
-                }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
-                h == "select" || h == "multipleselect" ? (a(), r(W, D({
-                  key: 5,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
-                  placeholder: "请选择",
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (n) => e.change && e.change(t.formData[e.prop])
-                }, { ref_for: !0 }, { ...e }), {
-                  default: d(() => [
-                    (a(!0), v(x, null, V(e.options, (n, F) => (a(), r(P, {
-                      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"])) : p("", !0),
-                h == "cascader" ? (a(), r(_, {
-                  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: A({ width: e.width ? e.width : t.itemWidth }),
-                  disabled: e.disabled,
-                  clearable: e.clearable,
-                  placeholder: e.placeholder,
-                  "popper-class": e.popperClass,
-                  teleported: e.teleported,
-                  "disabled-date": e.disabledDate,
-                  onChange: (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"])) : p("", !0),
-                h === "switch" ? (a(), r(w, {
-                  key: 7,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n,
-                  disabled: e.disabled,
-                  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"])) : p("", !0),
-                h == "date" || h == "datetime" || h == "year" || h == "month" ? (a(), r(z, D({
-                  key: 8,
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (n) => t.formData[e.prop] = n
-                }, { ref_for: !0 }, { ...e }, {
-                  format: e.format || "YYYY-MM-DD HH:mm:ss",
-                  "value-format": e.valueFormat || "YYYY-MM-DD HH:mm:ss",
-                  disabled: e.disabled,
-                  clearable: e.clearable,
-                  placeholder: e.placeholder || "请选择",
-                  "disabled-date": e.disabledDate,
-                  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"])) : p("", !0),
-                h == "daterange" ? (a(), r(z, {
-                  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: 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"])) : p("", !0)
+                  modelValue: e.formData[g.prop],
+                  "onUpdate:modelValue": (J) => e.formData[g.prop] = J,
+                  modelModifiers: { trim: !0 },
+                  style: j({ width: b || e.itemWidth })
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "style"]))
               ]),
               _: 2
-            }, 1032, ["label", "prop", "rules"])) : p("", !0),
-            h == "custom" ? k(m.$slots, e.prop, {
-              key: 1,
-              item: e
-            }, void 0, !0) : p("", !0)
+            }, 1040)) : Y("", !0),
+            k == "custom" ? (o(), _($, { key: 1 }, [
+              C?.[g.prop] ? (o(), f(T(C[g.prop]), { key: 0 })) : w(t.$slots, g.prop, {
+                key: 1,
+                item: { width: b, rule: x, ...g }
+              }, void 0, !0)
+            ], 64)) : Y("", !0)
           ], 64))), 256)),
-          E(I, null, {
-            default: d(() => [
-              k(m.$slots, "append", {}, void 0, !0)
+          y.append ? (o(), f(p, { key: 0 }, {
+            default: i(() => [
+              w(t.$slots, "append", {}, void 0, !0)
             ]),
             _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["model", "label-width", "inline"]);
-    };
-  }
-}), ge = /* @__PURE__ */ T(pe, [["__scopeId", "data-v-8dcb57aa"]]), be = /* @__PURE__ */ S({
-  __name: "tableColumnItem",
-  props: {
-    tableColumn: {}
-  },
-  setup(t) {
-    const i = j(), o = t, s = () => {
-      const { tableColumn: l } = o;
-      return l.children?.length || delete l.children, l;
-    };
-    return (l, m) => {
-      const g = u("el-table-column"), f = u("tableColumnItem", !0);
-      return !l.tableColumn.children || l.tableColumn.children?.length == 0 ? (a(), r(g, D({ key: 0 }, { ...s() }, {
-        prop: l.tableColumn.prop,
-        label: l.tableColumn.label
-      }), N({ _: 2 }, [
-        l.tableColumn.prop && i[l.tableColumn.prop] ? {
-          name: "default",
-          fn: d((c) => [
-            k(l.$slots, l.tableColumn.prop, {
-              row: c.row
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["prop", "label"])) : (a(), r(g, {
-        key: 1,
-        align: l.tableColumn.align,
-        label: l.tableColumn.label
-      }, {
-        default: d(() => [
-          (a(!0), v(x, null, V(l.tableColumn.children, (c, b) => (a(), r(f, {
-            key: b,
-            "table-column": { align: c.align || l.tableColumn.align, ...c }
-          }, N({ _: 2 }, [
-            V(i, (y, C) => ({
-              name: C,
-              fn: d(({ row: M }) => [
-                k(l.$slots, C, { row: M }, () => [
-                  Y($(M[C]), 1)
-                ])
-              ])
-            }))
-          ]), 1032, ["table-column"]))), 128))
+          })) : Y("", !0)
         ]),
         _: 3
-      }, 8, ["align", "label"]));
+      }, 16, ["model", "label-width", "inline"]);
     };
   }
-}), ye = /* @__PURE__ */ S({
+}), ge = /* @__PURE__ */ W(fe, [["__scopeId", "data-v-5d6bf523"]]), he = /* @__PURE__ */ E({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -458,88 +476,104 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
       default: void 0
     }
   },
-  setup(t) {
-    const i = t, o = R(() => (i.buttonWidth.toString().indexOf("px") > -1 ? i.buttonWidth.toString().slice(0, -2) : i.buttonWidth, i.buttonWidth)), s = j(), l = U(), m = U("auto");
-    let g = Z();
-    const f = () => {
-      let y = "auto";
-      if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
+  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) {
         try {
-          const W = g?.refs.tableRef, { top: _ } = W?.getBoundingClientRect();
-          y = document.documentElement.clientHeight - _ - 65 - 20;
+          const x = d?.refs.tableRef, { top: b } = x?.getBoundingClientRect();
+          n = document.documentElement.clientHeight - b - 65 - 20;
         } catch {
         }
-        return y;
+        return n;
       }
-      return y;
-    }, c = U(), b = () => {
-      c.value && clearTimeout(c.value), c.value = setTimeout(() => {
-        m.value = f(), c.value = null;
+      return n;
+    }, u = N(), m = () => {
+      u.value && clearTimeout(u.value), u.value = setTimeout(() => {
+        s.value = h(), u.value = null;
       }, 100);
     };
-    return ee(() => {
-      m.value = f(), window.addEventListener("resize", b);
-    }), te(() => {
-      window.removeEventListener("resize", b);
-    }), (y, C) => {
-      const M = u("el-button"), P = u("el-table-column"), W = u("el-table");
-      return a(), v("div", {
+    Z(() => {
+      s.value = h(), window.addEventListener("resize", m);
+    }), ee(() => {
+      window.removeEventListener("resize", m);
+    });
+    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,
+          {
+            align: a.align,
+            ...k
+          },
+          // default 插槽默认使用 childrenNode 不能被slots 覆盖
+          { ...p, default: () => x }
+        );
+      }
+      return I(
+        y,
+        {
+          align: a.align,
+          ...k
+        },
+        // 最里层的表格列 default 插槽  slots传递的优先级最高 模版直接传递的可被 slots 覆盖
+        {
+          default: (x) => S[n.prop] && S[n.prop](x),
+          ...p
+        }
+      );
+    };
+    return (n, p) => {
+      const v = c("el-button"), k = c("el-table-column"), x = c("el-table");
+      return o(), _("div", {
         ref_key: "tableRef",
-        ref: l
+        ref: r
       }, [
-        E(W, D({ style: { width: "100%" } }, y.$attrs, {
-          data: t.data,
-          height: t.height,
-          maxHeight: t.maxHeight ? t.maxHeight : m.value
+        M(x, z({ style: { width: "100%" } }, n.$attrs, {
+          data: e.data,
+          height: e.height,
+          maxHeight: e.maxHeight ? e.maxHeight : s.value
         }), {
-          default: d(() => [
-            (a(!0), v(x, null, V(t.tableColumns, (_, w) => (a(), r(be, {
-              key: w,
-              "table-column": { align: t.align, ..._ }
-            }, N({ _: 2 }, [
-              V(s, (z, I) => ({
-                name: I,
-                fn: d(({ row: B }) => [
-                  k(y.$slots, I, { row: B }, () => [
-                    Y($(B[I]), 1)
-                  ], !0)
-                ])
-              }))
-            ]), 1032, ["table-column"]))), 128)),
-            t.buttons && t.buttons.length ? (a(), r(P, {
+          default: i(() => [
+            (o(!0), _($, null, P(e.tableColumns, (b) => (o(), f(T(t(b))))), 256)),
+            e.buttons && e.buttons.length ? (o(), f(k, {
               key: 0,
               align: "center",
               fixed: "right",
               label: "操作",
-              width: o.value
+              width: l.value
             }, {
-              default: d((_) => [
-                (a(!0), v(x, null, V(t.buttons, (w, z) => G((a(), r(M, D({ ref_for: !0 }, { ...w }, {
-                  key: z,
-                  type: w.type.includes("del") ? "danger" : "primary",
+              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",
                   onClick: () => {
-                    w.click?.(_.row);
+                    C.click?.(b.row);
                   },
-                  disabled: w.disabled?.(_.row) || !1,
-                  link: w.link?.(_.row) || !0
+                  disabled: C.disabled?.(b.row) || !1,
+                  link: C.link?.(b.row) || !0
                 }), {
-                  default: d(() => [
-                    Y($(w.label), 1)
+                  default: i(() => [
+                    L(H(C.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["type", "onClick", "disabled", "link"])), [
-                  [J, w.show?.(_.row) || !0]
+                  [G, C.show?.(b.row) || !0]
                 ])), 128))
               ]),
               _: 1
-            }, 8, ["width"])) : p("", !0)
+            }, 8, ["width"])) : Y("", !0)
           ]),
-          _: 3
+          _: 1
         }, 16, ["data", "height", "maxHeight"])
       ], 512);
     };
   }
-}), ve = /* @__PURE__ */ T(ye, [["__scopeId", "data-v-721c94d4"]]), Ce = {
+}), ye = /* @__PURE__ */ W(he, [["__scopeId", "data-v-51c45d02"]]), be = {
   name: "",
   components: {},
   props: {
@@ -549,13 +583,13 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
     }
   }
 };
-function ke(t, i, o, s, l, m) {
-  return o.icon ? (a(), r(ae(o.icon), {
+function ve(e, a, l, r, s, d) {
+  return l.icon ? (o(), f(T(l.icon), {
     key: 0,
     class: "menu_icon"
-  })) : p("", !0);
+  })) : Y("", !0);
 }
-const O = /* @__PURE__ */ T(Ce, [["render", ke], ["__scopeId", "data-v-261ce99a"]]), we = /* @__PURE__ */ S({
+const R = /* @__PURE__ */ W(be, [["render", ve], ["__scopeId", "data-v-261ce99a"]]), ke = /* @__PURE__ */ E({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -565,44 +599,44 @@ const O = /* @__PURE__ */ T(Ce, [["render", ke], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(t, { emit: i }) {
-    const o = i;
-    function s(l) {
-      o("handleMenuItemClick", l);
+  setup(e, { emit: a }) {
+    const l = a;
+    function r(s) {
+      l("handleMenuItemClick", s);
     }
-    return (l, m) => {
-      const g = u("subMenu", !0), f = u("el-sub-menu"), c = u("el-menu-item");
-      return t.routeData.children && t.routeData.children.length > 0 ? (a(), r(f, {
+    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, {
         key: 0,
-        index: t.routeData.path
+        index: e.routeData.path
       }, {
-        title: d(() => [
-          E(O, {
-            icon: t.routeData.meta.icon
+        title: i(() => [
+          M(R, {
+            icon: e.routeData.meta.icon
           }, null, 8, ["icon"]),
-          H("span", null, $(t.routeData.meta.title), 1)
+          D("span", null, H(e.routeData.meta.title), 1)
         ]),
-        default: d(() => [
-          (a(!0), v(x, null, V(t.routeData.children, (b, y) => (a(), r(g, {
-            onHandleMenuItemClick: s,
-            routeData: b,
-            key: y
+        default: i(() => [
+          (o(!0), _($, null, P(e.routeData.children, (y, S) => (o(), f(h, {
+            onHandleMenuItemClick: r,
+            routeData: y,
+            key: S
           }, null, 8, ["routeData"]))), 128))
         ]),
         _: 1
-      }, 8, ["index"])) : (a(), v("div", {
+      }, 8, ["index"])) : (o(), _("div", {
         key: 1,
-        onClick: m[0] || (m[0] = (b) => s(t.routeData))
+        onClick: d[0] || (d[0] = (y) => r(e.routeData))
       }, [
-        E(c, {
-          index: t.routeData.path
+        M(m, {
+          index: e.routeData.path
         }, {
-          title: d(() => [
-            H("span", null, $(t.routeData.meta.title), 1)
+          title: i(() => [
+            D("span", null, H(e.routeData.meta.title), 1)
           ]),
-          default: d(() => [
-            E(O, {
-              icon: t.routeData.meta.icon
+          default: i(() => [
+            M(R, {
+              icon: e.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
           _: 1
@@ -610,7 +644,7 @@ const O = /* @__PURE__ */ T(Ce, [["render", ke], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), De = /* @__PURE__ */ S({
+}), xe = /* @__PURE__ */ E({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -620,24 +654,24 @@ const O = /* @__PURE__ */ T(Ce, [["render", ke], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(t, { emit: i }) {
-    const o = i, s = (l) => {
-      o("handleMenuItemClick", l);
+  setup(e, { emit: a }) {
+    const l = a, r = (s) => {
+      l("handleMenuItemClick", s);
     };
-    return (l, m) => {
-      const g = u("el-menu");
-      return a(), r(g, le(ne(l.$attrs)), {
-        default: d(() => [
-          (a(!0), v(x, null, V(t.menuList, (f) => (a(), r(we, {
-            routeData: f,
-            onHandleMenuItemClick: s
+    return (s, d) => {
+      const h = c("el-menu");
+      return o(), f(h, te(ne(s.$attrs)), {
+        default: i(() => [
+          (o(!0), _($, null, P(e.menuList, (u) => (o(), f(ke, {
+            routeData: u,
+            onHandleMenuItemClick: r
           }, null, 8, ["routeData"]))), 256))
         ]),
         _: 1
       }, 16);
     };
   }
-}), Ve = /* @__PURE__ */ S({
+}), _e = /* @__PURE__ */ E({
   name: "Pagination",
   __name: "index",
   props: {
@@ -665,65 +699,65 @@ const O = /* @__PURE__ */ T(Ce, [["render", ke], ["__scopeId", "data-v-261ce99a"
     onPagination: { type: Function }
   },
   emits: ["update:page", "update:limit", "pagination"],
-  setup(t, { emit: i }) {
-    const o = t, s = i, l = R({
+  setup(e, { emit: a }) {
+    const l = e, r = a, s = F({
       get() {
-        return o.page;
+        return l.page;
       },
-      set(c) {
-        s("update:page", c);
+      set(m) {
+        r("update:page", m);
       }
-    }), m = R({
+    }), d = F({
       get() {
-        return o.limit;
+        return l.limit;
       },
-      set(c) {
-        s("update:limit", c);
+      set(m) {
+        r("update:limit", m);
       }
-    }), g = (c) => {
-      l.value * c > o.total && (l.value = 1), s("pagination", { page: l.value, limit: c });
-    }, f = (c) => {
-      s("pagination", { page: c, limit: m.value });
+    }), 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 });
     };
-    return (c, b) => {
-      const y = u("el-pagination");
-      return G((a(), r(y, {
-        "current-page": l.value,
-        "onUpdate:currentPage": b[0] || (b[0] = (C) => l.value = C),
-        "page-size": m.value,
-        "onUpdate:pageSize": b[1] || (b[1] = (C) => m.value = C),
+    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),
         background: !0,
         "page-sizes": [10, 20, 30, 50, 100],
-        "pager-count": t.pagerCount,
-        total: t.total,
+        "pager-count": e.pagerCount,
+        total: e.total,
         class: "pagination",
         layout: "total, sizes, prev, pager, next, jumper",
-        onSizeChange: g,
-        onCurrentChange: f
+        onSizeChange: h,
+        onCurrentChange: u
       }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-        [J, t.total > 0]
+        [G, e.total > 0]
       ]);
     };
   }
-}), _e = /* @__PURE__ */ T(Ve, [["__scopeId", "data-v-1e34e383"]]), xe = [
+}), Ce = /* @__PURE__ */ W(_e, [["__scopeId", "data-v-1e34e383"]]), Se = [
+  ie,
   me,
-  he,
   ge,
-  ve,
-  De,
-  _e
-], q = [], $e = (t, i) => {
-  xe.forEach((o) => {
-    q.push(o.name), t.component(o.name, o);
-  }), console.log("mwl-components", q);
-}, Se = { install: $e };
+  ye,
+  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 };
 export {
-  me as ContentWarp,
-  he as Dialog,
+  ie as ContentWarp,
+  me as Dialog,
   ge as EasyForm,
-  ve as EasyTable,
-  De as MenuTree,
-  _e as Pagination,
-  Se as default,
-  $e as install
+  ye as EasyTable,
+  xe as MenuTree,
+  Ce as Pagination,
+  Ye as default,
+  we as install
 };