mwl-components 0.0.13 → 0.0.14

package/dist/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as $, useSlots as P, ref as E, createBlock as r, openBlock as a, unref as i, normalizeClass as L, createSlots as W, withCtx as s, renderSlot as C, createElementVNode as x, createElementBlock as g, createCommentVNode as p, toDisplayString as V, createVNode as S, watch as q, nextTick as G, computed as Y, resolveComponent as H, mergeProps as D, normalizeStyle as T, createTextVNode as M, Fragment as w, renderList as k, getCurrentInstance as J, onMounted as K, onUnmounted as Q, resolveDynamicComponent as X, normalizeProps as Z, guardReactiveProps as _, withDirectives as ee, vShow as te } from "vue";
-import { ElCard as ae, ElTooltip as le, ElIcon as ne, ElDialog as oe, ElScrollbar as re, ElForm as ue, ElFormItem as B, ElInput as R, ElRadio as de, ElCheckbox as se, ElSelect as ie, ElOption as ce, ElCascader as me, ElSwitch as fe, ElDatePicker as O, ElTableColumn as z, ElTable as he, ElButton as pe, ElSubMenu as ge, ElMenuItem as be, ElMenu as ye, ElPagination as ve } from "element-plus";
-const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex items-center" }, De = { class: "text-16px font-700" }, we = { class: "max-w-200px" }, Ve = {
+import { defineComponent as w, useSlots as Y, ref as V, createBlock as u, openBlock as l, unref as r, normalizeClass as q, createSlots as M, withCtx as i, renderSlot as b, createElementVNode as D, createElementBlock as g, createCommentVNode as h, toDisplayString as k, createVNode as x, watch as G, nextTick as J, computed as F, mergeProps as v, normalizeStyle as N, createTextVNode as $, Fragment as C, renderList as y, resolveComponent as A, getCurrentInstance as K, onMounted as Q, onUnmounted as X, resolveDynamicComponent as Z, normalizeProps as _, guardReactiveProps as ee, withDirectives as te, vShow as ae } from "vue";
+import { ElCard as le, ElTooltip as ne, ElIcon as oe, ElDialog as re, ElScrollbar as ue, ElButton as L, ElForm as de, ElFormItem as z, ElInput as R, ElInputNumber as se, ElRadioGroup as ie, ElRadio as ce, ElCheckboxGroup as me, ElCheckbox as fe, ElSelect as he, ElOption as ge, ElCascader as pe, ElSwitch as be, ElDatePicker as B, ElTableColumn as P, ElTable as ye, ElSubMenu as ve, ElMenuItem as Ce, ElMenu as ke, ElPagination as De } from "element-plus";
+const we = { class: "flex items-center justify-between" }, Ve = { class: "flex items-center" }, xe = { class: "text-16px font-700" }, Ee = { class: "max-w-200px" }, $e = {
   key: 0,
   class: "flex justify-end"
-}, xe = {
+}, Se = {
   key: 0,
   class: "mt-8px flex items-center"
-}, $e = /* @__PURE__ */ $({
+}, He = /* @__PURE__ */ w({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -14,58 +14,58 @@ const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex i
     message: String
   },
   setup(t) {
-    const u = P(), d = E("content-wrap");
-    return (c, n) => (a(), r(i(ae), {
-      class: L([d.value, "mb-[10px]"]),
+    const d = Y(), s = V("content-wrap");
+    return (c, o) => (l(), u(r(le), {
+      class: q([s.value, "mb-[10px]"]),
       shadow: "never"
-    }, W({
-      default: s(() => [
-        C(c.$slots, "default", {}, void 0, !0)
+    }, M({
+      default: i(() => [
+        b(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
       t.title ? {
         name: "header",
-        fn: s(() => [
-          x("div", Ce, [
-            x("div", ke, [
-              x("span", De, V(t.title), 1),
-              t.message ? (a(), r(i(le), {
+        fn: i(() => [
+          D("div", we, [
+            D("div", Ve, [
+              D("span", xe, k(t.title), 1),
+              t.message ? (l(), u(r(ne), {
                 key: 0,
                 effect: "dark",
                 placement: "right"
               }, {
-                content: s(() => [
-                  x("div", we, V(t.message), 1)
+                content: i(() => [
+                  D("div", Ee, k(t.message), 1)
                 ]),
-                default: s(() => [
-                  S(i(ne), {
+                default: i(() => [
+                  x(r(oe), {
                     size: 14,
                     class: "ml-5px",
                     icon: "ep:question-filled"
                   })
                 ]),
                 _: 1
-              })) : p("", !0)
+              })) : h("", !0)
             ]),
-            u.buttonTip ? (a(), g("div", Ve, [
-              C(c.$slots, "buttonTip", {}, void 0, !0)
-            ])) : p("", !0)
+            d.buttonTip ? (l(), g("div", $e, [
+              b(c.$slots, "buttonTip", {}, void 0, !0)
+            ])) : h("", !0)
           ]),
-          u.descTip ? (a(), g("div", xe, [
-            C(c.$slots, "descTip", {}, void 0, !0)
-          ])) : p("", !0)
+          d.descTip ? (l(), g("div", Se, [
+            b(c.$slots, "descTip", {}, void 0, !0)
+          ])) : h("", !0)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["class"]));
   }
-}), F = (t, u) => {
-  const d = t.__vccOpts || t;
-  for (const [c, n] of u)
-    d[c] = n;
-  return d;
-}, Ee = /* @__PURE__ */ F($e, [["__scopeId", "data-v-cce44bc6"]]), Se = { class: "dialog-header" }, He = /* @__PURE__ */ $({
+}), I = (t, d) => {
+  const s = t.__vccOpts || t;
+  for (const [c, o] of d)
+    s[c] = o;
+  return s;
+}, Me = /* @__PURE__ */ I(He, [["__scopeId", "data-v-cce44bc6"]]), Ie = { class: "dialog-header" }, Ue = /* @__PURE__ */ w({
   name: "Dialog",
   __name: "index",
   props: {
@@ -91,79 +91,76 @@ const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex i
     }
   },
   setup(t) {
-    const u = P(), d = t, c = E(!1), n = () => {
+    const d = Y(), s = t, c = V(!1), o = () => {
       c.value = !unref(c);
-    }, m = E(d.maxHeight);
-    q(
+    }, m = V(s.maxHeight);
+    G(
       () => c.value,
-      async (h) => {
-        if (await G(), h) {
-          const f = document.documentElement.offsetHeight;
-          m.value = `${f - 55 - 40 - (u.footer ? 63 : 0)}px`;
+      async (n) => {
+        if (await J(), n) {
+          const e = document.documentElement.offsetHeight;
+          m.value = `${e - 55 - 40 - (d.footer ? 63 : 0)}px`;
         } else
-          m.value = d.maxHeight;
+          m.value = s.maxHeight;
       },
       {
         immediate: !0
       }
     );
-    const b = Y(() => {
-      if (d.maxHeight)
+    const p = F(() => {
+      if (s.maxHeight)
         return {
           height: unref(m)
         };
     });
-    return console.log(d), (h, f) => {
-      const y = H("el-button");
-      return a(), r(i(oe), D(h.$attrs, {
-        "close-on-click-modal": !1,
-        fullscreen: c.value,
-        width: t.width,
-        "destroy-on-close": "",
-        draggable: "",
-        "lock-scroll": "",
-        class: "custom-dialog",
-        "append-to-body": ""
-      }), W({
-        header: s(() => [
-          x("div", Se, [
-            C(h.$slots, "title", {}, () => [
-              M(V(t.title), 1)
-            ]),
-            x("div", { onClick: n }, [
-              S(y, {
-                link: "",
-                icon: "FullScreen",
-                color: "#909399"
-              })
-            ])
+    return console.log(s), (n, e) => (l(), u(r(re), v(n.$attrs, {
+      "close-on-click-modal": !1,
+      fullscreen: c.value,
+      width: t.width,
+      "destroy-on-close": "",
+      draggable: "",
+      "lock-scroll": "",
+      class: "custom-dialog",
+      "append-to-body": ""
+    }), M({
+      header: i(() => [
+        D("div", Ie, [
+          b(n.$slots, "title", {}, () => [
+            $(k(t.title), 1)
+          ]),
+          D("div", { onClick: o }, [
+            x(r(L), {
+              link: "",
+              icon: "FullScreen",
+              color: "#909399"
+            })
           ])
-        ]),
-        default: s(() => [
-          t.scroll ? (a(), r(i(re), {
-            key: 0,
-            style: T(b.value)
-          }, {
-            default: s(() => [
-              C(h.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["style"])) : C(h.$slots, "default", { key: 1 })
-        ]),
-        _: 2
-      }, [
-        u.footer ? {
-          name: "footer",
-          fn: s(() => [
-            C(h.$slots, "footer")
+        ])
+      ]),
+      default: i(() => [
+        t.scroll ? (l(), u(r(ue), {
+          key: 0,
+          style: N(p.value)
+        }, {
+          default: i(() => [
+            b(n.$slots, "default")
           ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["fullscreen", "width"]);
-    };
+          _: 3
+        }, 8, ["style"])) : b(n.$slots, "default", { key: 1 })
+      ]),
+      _: 2
+    }, [
+      d.footer ? {
+        name: "footer",
+        fn: i(() => [
+          b(n.$slots, "footer")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["fullscreen", "width"]));
   }
-}), Me = {}, Ue = /* @__PURE__ */ $({
-  ...Me,
+}), We = {}, Fe = /* @__PURE__ */ w({
+  ...We,
   name: "EasyForm",
   __name: "index",
   props: {
@@ -192,228 +189,225 @@ const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex i
       default: "200px"
     }
   },
-  setup(t, { expose: u }) {
-    const d = E();
-    return u({
+  setup(t, { expose: d }) {
+    const s = V();
+    return d({
       resetFields: () => {
-        d.value?.resetFields();
+        s.value?.resetFields();
       },
       getFormData: async () => {
-        const m = await d.value.validate();
+        const m = await s.value.validate();
         return m || null;
       }
-    }), (m, b) => {
-      const h = H("el-input-number"), f = H("el-radio-group"), y = H("el-checkbox-group");
-      return a(), r(i(ue), {
-        ref_key: "formRef",
-        ref: d,
-        model: t.formData,
-        "label-width": t.labelWidth,
-        inline: t.inline,
-        "scroll-to-error": ""
-      }, {
-        default: s(() => [
-          (a(!0), g(w, null, k(t.formItems, ({ type: o, ...e }) => (a(), g(w, null, [
-            o != "custom" && !e.hidden ? (a(), r(i(B), {
-              key: 0,
-              label: e.label,
-              prop: e.prop,
-              rules: e.rule
-            }, {
-              default: s(() => [
-                o == "text" || o == "" ? (a(), r(i(R), D({
-                  key: 0,
-                  placeholder: "请输入" + e.label
-                }, { ref_for: !0 }, { ...e }, {
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  "show-word-limit": "",
-                  style: { width: e.width ? e.width : t.itemWidth }
-                }), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
-                o == "textarea" ? (a(), r(i(R), D({
-                  key: 1,
-                  ref_for: !0
-                }, { ...e }, {
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  type: "textarea",
-                  style: { width: e.width ? e.width : t.itemWidth }
-                }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
-                o == "number" ? (a(), r(h, D({
-                  key: 2,
-                  "controls-position": "right"
-                }, { ref_for: !0 }, { ...e }, {
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  style: { width: e.width ? e.width : t.itemWidth }
-                }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
-                o == "radio" ? (a(), r(f, D({
-                  key: 3,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (l) => e.change && e.change(t.formData[e.prop])
-                }, { ref_for: !0 }, { ...e }), {
-                  default: s(() => [
-                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(i(de), {
-                      key: v,
-                      value: l.value
-                    }, {
-                      default: s(() => [
-                        M(V(l.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
-                  ]),
-                  _: 2
-                }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
-                o == "checkbox" ? (a(), r(y, D({
-                  key: 4,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (l) => e.change && e.change(t.formData[e.prop])
-                }, { ref_for: !0 }, { ...e }), {
-                  default: s(() => [
-                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(i(se), {
-                      key: v,
-                      value: l.value
-                    }, {
-                      default: s(() => [
-                        M(V(l.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
-                  ]),
-                  _: 2
-                }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
-                o == "select" || o == "multipleselect" ? (a(), r(i(ie), D({
-                  key: 5,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  placeholder: "请选择",
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  onChange: (l) => e.change && e.change(t.formData[e.prop])
-                }, { ref_for: !0 }, { ...e }), {
-                  default: s(() => [
-                    (a(!0), g(w, null, k(e.options, (l, v) => (a(), r(i(ce), {
-                      key: v,
-                      label: e.defaultProp ? l[e.defaultProp.label] : l.label,
-                      value: e.defaultProp ? l[e.defaultProp.value] : l.value
-                    }, null, 8, ["label", "value"]))), 128))
-                  ]),
-                  _: 2
-                }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
-                o == "cascader" ? (a(), r(i(me), {
-                  key: 6,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  options: e.options || [],
-                  props: e.defaultProp || { label: "label", value: "value" },
-                  style: T({ 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: (l) => 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),
-                o === "switch" ? (a(), r(i(fe), {
-                  key: 7,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  disabled: e.disabled,
-                  style: T({ width: e.width ? e.width : t.itemWidth }),
-                  onChange: (l) => e.change && e.change(t.formData[e.prop])
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "style", "onChange"])) : p("", !0),
-                o == "date" || o == "datetime" || o == "year" || o == "month" ? (a(), r(i(O), D({
-                  key: 8,
-                  style: { width: e.width ? e.width : t.itemWidth },
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l
-                }, { 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: o,
-                  onChange: (l) => 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),
-                o == "daterange" ? (a(), r(i(O), {
-                  key: 9,
-                  modelValue: t.formData[e.prop],
-                  "onUpdate:modelValue": (l) => t.formData[e.prop] = l,
-                  format: e.format || "YYYY-MM-DD HH:mm:ss",
-                  "value-format": e.valueFormat || "YYYY-MM-DD HH:mm:ss",
-                  type: o,
-                  disabled: e.disabled,
-                  "range-separator": "至",
-                  "start-placeholder": "开始日期",
-                  "end-placeholder": "结束日期",
-                  onChange: (l) => e.change && e.change(t.formData[e.prop])
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "format", "value-format", "type", "disabled", "onChange"])) : p("", !0)
-              ]),
-              _: 2
-            }, 1032, ["label", "prop", "rules"])) : p("", !0),
-            o == "custom" ? C(m.$slots, e.prop, {
-              key: 1,
-              item: e
-            }, void 0, !0) : p("", !0)
-          ], 64))), 256)),
-          S(i(B), null, {
-            default: s(() => [
-              C(m.$slots, "append", {}, void 0, !0)
+    }), (m, p) => (l(), u(r(de), {
+      ref_key: "formRef",
+      ref: s,
+      model: t.formData,
+      "label-width": t.labelWidth,
+      inline: t.inline,
+      "scroll-to-error": ""
+    }, {
+      default: i(() => [
+        (l(!0), g(C, null, y(t.formItems, ({ type: n, ...e }) => (l(), g(C, null, [
+          n != "custom" && !e.hidden ? (l(), u(r(z), {
+            key: 0,
+            label: e.label,
+            prop: e.prop,
+            rules: e.rule
+          }, {
+            default: i(() => [
+              n == "text" || n == "" ? (l(), u(r(R), v({
+                key: 0,
+                placeholder: "请输入" + e.label
+              }, { ref_for: !0 }, { ...e }, {
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                "show-word-limit": "",
+                style: { width: e.width ? e.width : t.itemWidth }
+              }), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
+              n == "textarea" ? (l(), u(r(R), v({
+                key: 1,
+                ref_for: !0
+              }, { ...e }, {
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                type: "textarea",
+                style: { width: e.width ? e.width : t.itemWidth }
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
+              n == "number" ? (l(), u(r(se), v({
+                key: 2,
+                "controls-position": "right"
+              }, { ref_for: !0 }, { ...e }, {
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                style: { width: e.width ? e.width : t.itemWidth }
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : h("", !0),
+              n == "radio" ? (l(), u(r(ie), v({
+                key: 3,
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                style: { width: e.width ? e.width : t.itemWidth },
+                onChange: (a) => e.change && e.change(t.formData[e.prop])
+              }, { ref_for: !0 }, { ...e }), {
+                default: i(() => [
+                  (l(!0), g(C, null, y(e.options, (a, f) => (l(), u(r(ce), {
+                    key: f,
+                    value: a.value
+                  }, {
+                    default: i(() => [
+                      $(k(a.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 2
+              }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
+              n == "checkbox" ? (l(), u(r(me), v({
+                key: 4,
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                style: { width: e.width ? e.width : t.itemWidth },
+                onChange: (a) => e.change && e.change(t.formData[e.prop])
+              }, { ref_for: !0 }, { ...e }), {
+                default: i(() => [
+                  (l(!0), g(C, null, y(e.options, (a, f) => (l(), u(r(fe), {
+                    key: f,
+                    value: a.value
+                  }, {
+                    default: i(() => [
+                      $(k(a.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 2
+              }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
+              n == "select" || n == "multipleselect" ? (l(), u(r(he), v({
+                key: 5,
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                placeholder: "请选择",
+                style: { width: e.width ? e.width : t.itemWidth },
+                onChange: (a) => e.change && e.change(t.formData[e.prop])
+              }, { ref_for: !0 }, { ...e }), {
+                default: i(() => [
+                  (l(!0), g(C, null, y(e.options, (a, f) => (l(), u(r(ge), {
+                    key: f,
+                    label: e.defaultProp ? a[e.defaultProp.label] : a.label,
+                    value: e.defaultProp ? a[e.defaultProp.value] : a.value
+                  }, null, 8, ["label", "value"]))), 128))
+                ]),
+                _: 2
+              }, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : h("", !0),
+              n == "cascader" ? (l(), u(r(pe), {
+                key: 6,
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                options: e.options || [],
+                props: e.defaultProp || { label: "label", value: "value" },
+                style: N({ 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: (a) => 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),
+              n === "switch" ? (l(), u(r(be), {
+                key: 7,
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                disabled: e.disabled,
+                style: N({ width: e.width ? e.width : t.itemWidth }),
+                onChange: (a) => e.change && e.change(t.formData[e.prop])
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "style", "onChange"])) : h("", !0),
+              n == "date" || n == "datetime" || n == "year" || n == "month" ? (l(), u(r(B), v({
+                key: 8,
+                style: { width: e.width ? e.width : t.itemWidth },
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a
+              }, { 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: n,
+                onChange: (a) => 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),
+              n == "daterange" ? (l(), u(r(B), {
+                key: 9,
+                modelValue: t.formData[e.prop],
+                "onUpdate:modelValue": (a) => t.formData[e.prop] = a,
+                format: e.format || "YYYY-MM-DD HH:mm:ss",
+                "value-format": e.valueFormat || "YYYY-MM-DD HH:mm:ss",
+                type: n,
+                disabled: e.disabled,
+                "range-separator": "至",
+                "start-placeholder": "开始日期",
+                "end-placeholder": "结束日期",
+                onChange: (a) => e.change && e.change(t.formData[e.prop])
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "format", "value-format", "type", "disabled", "onChange"])) : h("", !0)
             ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["model", "label-width", "inline"]);
-    };
+            _: 2
+          }, 1032, ["label", "prop", "rules"])) : h("", !0),
+          n == "custom" ? b(m.$slots, e.prop, {
+            key: 1,
+            item: e
+          }, void 0, !0) : h("", !0)
+        ], 64))), 256)),
+        x(r(z), null, {
+          default: i(() => [
+            b(m.$slots, "append", {}, void 0, !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["model", "label-width", "inline"]));
   }
-}), Ie = /* @__PURE__ */ F(Ue, [["__scopeId", "data-v-b55b4189"]]), We = /* @__PURE__ */ $({
+}), Ye = /* @__PURE__ */ I(Fe, [["__scopeId", "data-v-84850699"]]), Ne = /* @__PURE__ */ w({
   __name: "tableColumnItem",
   props: {
     tableColumn: {}
   },
   setup(t) {
-    const u = P(), d = t, c = () => {
-      const { tableColumn: n } = d;
-      return n.children?.length || delete n.children, n;
+    const d = Y(), s = t, c = () => {
+      const { tableColumn: o } = s;
+      return o.children?.length || delete o.children, o;
     };
-    return (n, m) => {
-      const b = H("tableColumnItem", !0);
-      return !n.tableColumn.children || n.tableColumn.children?.length == 0 ? (a(), r(i(z), D({ key: 0 }, { ...c() }, {
-        prop: n.tableColumn.prop,
-        label: n.tableColumn.label
-      }), W({ _: 2 }, [
-        n.tableColumn.prop && u[n.tableColumn.prop] ? {
+    return (o, m) => {
+      const p = A("tableColumnItem", !0);
+      return !o.tableColumn.children || o.tableColumn.children?.length == 0 ? (l(), u(r(P), v({ key: 0 }, { ...c() }, {
+        prop: o.tableColumn.prop,
+        label: o.tableColumn.label
+      }), M({ _: 2 }, [
+        o.tableColumn.prop && d[o.tableColumn.prop] ? {
           name: "default",
-          fn: s((h) => [
-            C(n.$slots, n.tableColumn.prop, {
-              row: h.row
+          fn: i((n) => [
+            b(o.$slots, o.tableColumn.prop, {
+              row: n.row
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["prop", "label"])) : (a(), r(i(z), {
+      ]), 1040, ["prop", "label"])) : (l(), u(r(P), {
         key: 1,
-        align: n.tableColumn.align,
-        label: n.tableColumn.label
+        align: o.tableColumn.align,
+        label: o.tableColumn.label
       }, {
-        default: s(() => [
-          (a(!0), g(w, null, k(n.tableColumn.children, (h, f) => (a(), r(b, {
-            key: f,
-            "table-column": { align: h.align || n.tableColumn.align, ...h }
-          }, W({ _: 2 }, [
-            k(u, (y, o) => ({
-              name: o,
-              fn: s(({ row: e }) => [
-                C(n.$slots, o, { row: e }, () => [
-                  M(V(e[o]), 1)
+        default: i(() => [
+          (l(!0), g(C, null, y(o.tableColumn.children, (n, e) => (l(), u(p, {
+            key: e,
+            "table-column": { align: n.align || o.tableColumn.align, ...n }
+          }, M({ _: 2 }, [
+            y(d, (a, f) => ({
+              name: f,
+              fn: i(({ row: U }) => [
+                b(o.$slots, f, { row: U }, () => [
+                  $(k(U[f]), 1)
                 ])
               ])
             }))
@@ -423,7 +417,7 @@ const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex i
       }, 8, ["align", "label"]));
     };
   }
-}), Fe = /* @__PURE__ */ $({
+}), Pe = /* @__PURE__ */ w({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -458,81 +452,81 @@ const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex i
     }
   },
   setup(t) {
-    const u = t, d = Y(() => (u.buttonWidth.toString().indexOf("px") > -1 ? u.buttonWidth.toString().slice(0, -2) : u.buttonWidth, u.buttonWidth)), c = P(), n = E(), m = E("auto");
-    let b = J();
-    const h = () => {
-      let o = "auto";
-      if (b?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
+    const d = t, s = F(() => (d.buttonWidth.toString().indexOf("px") > -1 ? d.buttonWidth.toString().slice(0, -2) : d.buttonWidth, d.buttonWidth)), c = Y(), o = V(), m = V("auto");
+    let p = K();
+    const n = () => {
+      let f = "auto";
+      if (p?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
         try {
-          const U = b?.refs.tableRef, { top: I } = U?.getBoundingClientRect();
-          o = document.documentElement.clientHeight - I - 65 - 20;
+          const S = p?.refs.tableRef, { top: H } = S?.getBoundingClientRect();
+          f = document.documentElement.clientHeight - H - 65 - 20;
         } catch {
         }
-        return o;
+        return f;
       }
-      return o;
-    }, f = E(), y = () => {
-      f.value && clearTimeout(f.value), f.value = setTimeout(() => {
-        m.value = h(), f.value = null;
+      return f;
+    }, e = V(), a = () => {
+      e.value && clearTimeout(e.value), e.value = setTimeout(() => {
+        m.value = n(), e.value = null;
       }, 100);
     };
-    return K(() => {
-      m.value = h(), window.addEventListener("resize", y);
-    }), Q(() => {
-      window.removeEventListener("resize", y);
-    }), (o, e) => (a(), g("div", {
+    return Q(() => {
+      m.value = n(), window.addEventListener("resize", a);
+    }), X(() => {
+      window.removeEventListener("resize", a);
+    }), (f, U) => (l(), g("div", {
       ref_key: "tableRef",
-      ref: n
+      ref: o
     }, [
-      S(i(he), D({ style: { width: "100%" } }, o.$attrs, {
+      x(r(ye), v({ style: { width: "100%" } }, f.$attrs, {
         data: t.data,
         height: t.height,
         maxHeight: t.maxHeight ? t.maxHeight : m.value
       }), {
-        default: s(() => [
-          (a(!0), g(w, null, k(t.tableColumns, (l, v) => (a(), r(We, {
-            key: v,
-            "table-column": { align: t.align, ...l }
-          }, W({ _: 2 }, [
-            k(c, (U, I) => ({
-              name: I,
-              fn: s(({ row: N }) => [
-                C(o.$slots, I, { row: N }, () => [
-                  M(V(N[I]), 1)
+        default: i(() => [
+          (l(!0), g(C, null, y(t.tableColumns, (W, E) => (l(), u(Ne, {
+            key: E,
+            "table-column": { align: t.align, ...W }
+          }, M({ _: 2 }, [
+            y(c, (S, H) => ({
+              name: H,
+              fn: i(({ row: T }) => [
+                b(f.$slots, H, { row: T }, () => [
+                  $(k(T[H]), 1)
                 ], !0)
               ])
             }))
           ]), 1032, ["table-column"]))), 128)),
-          t.buttons && t.buttons.length ? (a(), r(i(z), {
+          t.buttons && t.buttons.length ? (l(), u(r(P), {
             key: 0,
             align: "center",
             fixed: "right",
             label: "操作",
-            width: d.value
+            width: s.value
           }, {
-            default: s((l) => [
-              (a(!0), g(w, null, k(t.buttons, (v, U) => (a(), r(i(pe), {
-                key: U,
-                type: v.type.includes("del") ? "danger" : "primary",
+            default: i((W) => [
+              (l(!0), g(C, null, y(t.buttons, (E, S) => (l(), u(r(L), {
+                key: S,
+                type: E.type.includes("del") ? "danger" : "primary",
                 onClick: () => {
-                  v.click?.(l.row);
+                  E.click?.(W.row);
                 },
                 link: ""
               }, {
-                default: s(() => [
-                  M(V(v.label), 1)
+                default: i(() => [
+                  $(k(E.label), 1)
                 ]),
                 _: 2
               }, 1032, ["type", "onClick"]))), 128))
             ]),
             _: 1
-          }, 8, ["width"])) : p("", !0)
+          }, 8, ["width"])) : h("", !0)
         ]),
         _: 3
       }, 16, ["data", "height", "maxHeight"])
     ], 512));
   }
-}), Ye = /* @__PURE__ */ F(Fe, [["__scopeId", "data-v-283c4a1e"]]), Pe = {
+}), Te = /* @__PURE__ */ I(Pe, [["__scopeId", "data-v-283c4a1e"]]), ze = {
   name: "",
   components: {},
   props: {
@@ -542,13 +536,13 @@ const Ce = { class: "flex items-center justify-between" }, ke = { class: "flex i
     }
   }
 };
-function Te(t, u, d, c, n, m) {
-  return d.icon ? (a(), r(X(d.icon), {
+function Re(t, d, s, c, o, m) {
+  return s.icon ? (l(), u(Z(s.icon), {
     key: 0,
     class: "menu_icon"
-  })) : p("", !0);
+  })) : h("", !0);
 }
-const j = /* @__PURE__ */ F(Pe, [["render", Te], ["__scopeId", "data-v-261ce99a"]]), ze = /* @__PURE__ */ $({
+const O = /* @__PURE__ */ I(ze, [["render", Re], ["__scopeId", "data-v-261ce99a"]]), Be = /* @__PURE__ */ w({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -558,43 +552,43 @@ const j = /* @__PURE__ */ F(Pe, [["render", Te], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(t, { emit: u }) {
-    const d = u;
-    function c(n) {
-      d("handleMenuItemClick", n);
+  setup(t, { emit: d }) {
+    const s = d;
+    function c(o) {
+      s("handleMenuItemClick", o);
     }
-    return (n, m) => {
-      const b = H("subMenu", !0);
-      return t.routeData.children && t.routeData.children.length > 0 ? (a(), r(i(ge), {
+    return (o, m) => {
+      const p = A("subMenu", !0);
+      return t.routeData.children && t.routeData.children.length > 0 ? (l(), u(r(ve), {
         key: 0,
         index: t.routeData.path
       }, {
-        title: s(() => [
-          S(j, {
+        title: i(() => [
+          x(O, {
             icon: t.routeData.meta.icon
           }, null, 8, ["icon"]),
-          x("span", null, V(t.routeData.meta.title), 1)
+          D("span", null, k(t.routeData.meta.title), 1)
         ]),
-        default: s(() => [
-          (a(!0), g(w, null, k(t.routeData.children, (h, f) => (a(), r(b, {
+        default: i(() => [
+          (l(!0), g(C, null, y(t.routeData.children, (n, e) => (l(), u(p, {
             onHandleMenuItemClick: c,
-            routeData: h,
-            key: f
+            routeData: n,
+            key: e
           }, null, 8, ["routeData"]))), 128))
         ]),
         _: 1
-      }, 8, ["index"])) : (a(), g("div", {
+      }, 8, ["index"])) : (l(), g("div", {
         key: 1,
-        onClick: m[0] || (m[0] = (h) => c(t.routeData))
+        onClick: m[0] || (m[0] = (n) => c(t.routeData))
       }, [
-        S(i(be), {
+        x(r(Ce), {
           index: t.routeData.path
         }, {
-          title: s(() => [
-            x("span", null, V(t.routeData.meta.title), 1)
+          title: i(() => [
+            D("span", null, k(t.routeData.meta.title), 1)
           ]),
-          default: s(() => [
-            S(j, {
+          default: i(() => [
+            x(O, {
               icon: t.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
@@ -603,7 +597,7 @@ const j = /* @__PURE__ */ F(Pe, [["render", Te], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), Ne = /* @__PURE__ */ $({
+}), Oe = /* @__PURE__ */ w({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -613,21 +607,21 @@ const j = /* @__PURE__ */ F(Pe, [["render", Te], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(t, { emit: u }) {
-    const d = u, c = (n) => {
-      d("handleMenuItemClick", n);
+  setup(t, { emit: d }) {
+    const s = d, c = (o) => {
+      s("handleMenuItemClick", o);
     };
-    return (n, m) => (a(), r(i(ye), Z(_(n.$attrs)), {
-      default: s(() => [
-        (a(!0), g(w, null, k(t.menuList, (b) => (a(), r(ze, {
-          routeData: b,
+    return (o, m) => (l(), u(r(ke), _(ee(o.$attrs)), {
+      default: i(() => [
+        (l(!0), g(C, null, y(t.menuList, (p) => (l(), u(Be, {
+          routeData: p,
           onHandleMenuItemClick: c
         }, null, 8, ["routeData"]))), 256))
       ]),
       _: 1
     }, 16));
   }
-}), Be = /* @__PURE__ */ $({
+}), je = /* @__PURE__ */ w({
   name: "Pagination",
   __name: "index",
   props: {
@@ -655,62 +649,62 @@ const j = /* @__PURE__ */ F(Pe, [["render", Te], ["__scopeId", "data-v-261ce99a"
     onPagination: { type: Function }
   },
   emits: ["update:page", "update:limit", "pagination"],
-  setup(t, { emit: u }) {
-    const d = t, c = u, n = Y({
+  setup(t, { emit: d }) {
+    const s = t, c = d, o = F({
       get() {
-        return d.page;
+        return s.page;
       },
-      set(f) {
-        c("update:page", f);
+      set(e) {
+        c("update:page", e);
       }
-    }), m = Y({
+    }), m = F({
       get() {
-        return d.limit;
+        return s.limit;
       },
-      set(f) {
-        c("update:limit", f);
+      set(e) {
+        c("update:limit", e);
       }
-    }), b = (f) => {
-      n.value * f > d.total && (n.value = 1), c("pagination", { page: n.value, limit: f });
-    }, h = (f) => {
-      c("pagination", { page: f, limit: m.value });
+    }), p = (e) => {
+      o.value * e > s.total && (o.value = 1), c("pagination", { page: o.value, limit: e });
+    }, n = (e) => {
+      c("pagination", { page: e, limit: m.value });
     };
-    return (f, y) => ee((a(), r(i(ve), {
-      "current-page": n.value,
-      "onUpdate:currentPage": y[0] || (y[0] = (o) => n.value = o),
+    return (e, a) => te((l(), u(r(De), {
+      "current-page": o.value,
+      "onUpdate:currentPage": a[0] || (a[0] = (f) => o.value = f),
       "page-size": m.value,
-      "onUpdate:pageSize": y[1] || (y[1] = (o) => m.value = o),
+      "onUpdate:pageSize": a[1] || (a[1] = (f) => m.value = f),
       background: !0,
       "page-sizes": [10, 20, 30, 50, 100],
       "pager-count": t.pagerCount,
       total: t.total,
       class: "pagination",
       layout: "total, sizes, prev, pager, next, jumper",
-      onSizeChange: b,
-      onCurrentChange: h
+      onSizeChange: p,
+      onCurrentChange: n
     }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-      [te, t.total > 0]
+      [ae, t.total > 0]
     ]);
   }
-}), Re = /* @__PURE__ */ F(Be, [["__scopeId", "data-v-e3fa4ed7"]]), Oe = [
-  Ee,
-  He,
-  Ie,
+}), Ae = /* @__PURE__ */ I(je, [["__scopeId", "data-v-e3fa4ed7"]]), Le = [
+  Me,
+  Ue,
   Ye,
-  Ne,
-  Re
-], A = [], je = (t) => {
-  Oe.forEach((u) => {
-    A.push(u.name), t.component(u.name, u);
-  }), console.log("mwl-components", A);
-}, qe = { install: je };
+  Te,
+  Oe,
+  Ae
+], j = [], qe = (t) => {
+  Le.forEach((d) => {
+    j.push(d.name), t.component(d.name, d);
+  }), console.log("mwl-components", j);
+}, Ke = { install: qe };
 export {
-  Ee as ContentWarp,
-  He as Dialog,
-  Ie as EasyForm,
-  Ye as EasyTable,
-  Ne as MenuTree,
-  Re as Pagination,
-  qe as default,
-  je as install
+  Me as ContentWarp,
+  Ue as Dialog,
+  Ye as EasyForm,
+  Te as EasyTable,
+  Oe as MenuTree,
+  Ae as Pagination,
+  Ke as default,
+  qe as install
 };

package/dist/mwl-components.css

@@ -1 +1 @@
-.el-card[data-v-cce44bc6]{background-color:transparent;margin-bottom:10px}[data-v-cce44bc6] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-cce44bc6] .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-b55b4189] .el-form-item__label{font-size:var(--el-font-size-base)}[data-v-283c4a1e] .el-table,[data-v-283c4a1e] th.el-table__cell,[data-v-283c4a1e] 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-e3fa4ed7]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-e3fa4ed7]{margin-top:8px;margin-bottom:8px}}
+.el-card[data-v-cce44bc6]{background-color:transparent;margin-bottom:10px}[data-v-cce44bc6] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-cce44bc6] .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-84850699] .el-form-item__label{font-size:var(--el-font-size-base)}[data-v-283c4a1e] .el-table,[data-v-283c4a1e] th.el-table__cell,[data-v-283c4a1e] 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-e3fa4ed7]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-e3fa4ed7]{margin-top:8px;margin-bottom:8px}}

package/package.json

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