mwl-components 0.1.1 → 0.1.2

package/dist/EasyForm/index.vue.d.ts

@@ -1,16 +1,12 @@
 import { PropType } from 'vue';
 import { FormItem, ComponentMapType } from '../types';
-export declare const getPlaceholder: (item: FormItem) => string;
+export declare const getPlaceholder: (item: FormItem) => string | undefined;
 export declare const componentsMap: ComponentMapType[];
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     inline: {
         type: BooleanConstructor;
         default: boolean;
     };
-    formData: {
-        type: PropType<Record<string, any>>;
-        required: true;
-    };
     formItems: {
         type: PropType<FormItem[]>;
         default: () => never[];
@@ -23,15 +19,16 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: StringConstructor[];
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Record<string, any>>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     inline: {
         type: BooleanConstructor;
         default: boolean;
     };
-    formData: {
-        type: PropType<Record<string, any>>;
-        required: true;
-    };
     formItems: {
         type: PropType<FormItem[]>;
         default: () => never[];
@@ -44,7 +41,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: StringConstructor[];
         default: string;
     };
-}>> & Readonly<{}>, {
+    modelValue: {
+        type: PropType<Record<string, any>>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {
     labelWidth: string | number;
     inline: boolean;
     formItems: FormItem[];

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 import { default as ContentWarp } from './ContentWarp/index.vue';
 import { default as Dialog } from './Dialog/index.vue';
-import { default as EasyForm, componentsMap } from './EasyForm/index.vue';
+import { default as EasyForm, componentsMap, getPlaceholder } from './EasyForm/index.vue';
 import { default as EasyTable } from './EasyTable/index.vue';
 import { default as MenuTree } from './MenuTree/components/index.vue';
 import { default as Pagination } from './Pagination/index.vue';
-export { ContentWarp, Dialog, EasyForm, EasyTable, MenuTree, Pagination, componentsMap };
+export { ContentWarp, Dialog, EasyForm, EasyTable, MenuTree, Pagination, componentsMap, getPlaceholder };
 export declare const install: (app: any, options: any) => void;
 declare const _default: {
     install: (app: any, options: any) => void;
 };
 export default _default;
-export type { Options, FormItem, Rule, Placement, TableColumn, buttonType, ComponentMapType } from './types';
+export type { Options, FormItem, Rule, Placement, TableColumn, buttonType, ComponentMapType, } from './types';

package/dist/index.js

@@ -1,11 +1,9 @@
-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 = {
+import { defineComponent as D, useSlots as V, ref as H, resolveComponent as m, createBlock as p, openBlock as r, normalizeClass as X, createSlots as L, withCtx as i, renderSlot as S, createElementVNode as I, createElementBlock as _, createCommentVNode as E, toDisplayString as Y, watch as Z, nextTick as ee, computed as F, unref as A, mergeProps as O, normalizeStyle as U, createTextVNode as j, createVNode as N, mergeModels as te, useModel as ne, getCurrentInstance as K, Fragment as M, renderList as P, resolveDynamicComponent as $, h as z, inject as oe, onMounted as ae, onUnmounted as le, withDirectives as G, vShow as J, normalizeProps as re, guardReactiveProps as se } from "vue";
+import { configProviderContextKey as ue } from "element-plus";
+const ce = { class: "card-header" }, ie = {
   key: 0,
-  class: "flex justify-end"
-}, ue = {
-  key: 0,
-  class: "mt-8px flex items-center"
-}, ie = /* @__PURE__ */ H({
+  class: "card-header__message"
+}, de = /* @__PURE__ */ D({
   name: "ContentWarp",
   __name: "index",
   props: {
@@ -13,61 +11,44 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     message: String
   },
   setup(e) {
-    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]"]),
+    const a = V(), t = H("content-wrap");
+    return (s, u) => {
+      const c = m("ElCard");
+      return r(), p(c, {
+        class: X([t.value]),
         shadow: "never"
-      }, j({
+      }, L({
         default: i(() => [
-          _(s.$slots, "default", {}, void 0, !0)
+          S(s.$slots, "default", {}, void 0, !0)
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: i(() => [
-            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(() => [
-                    S("div", se, $(e.message), 1)
-                  ]),
-                  default: i(() => [
-                    Y(p, {
-                      size: 14,
-                      class: "ml-5px",
-                      icon: "ep:question-filled"
-                    })
-                  ]),
-                  _: 1
-                })) : D("", !0)
-              ]),
-              t.buttonTip ? (a(), v("div", ce, [
-                _(s.$slots, "buttonTip", {}, void 0, !0)
-              ])) : D("", !0)
-            ]),
-            t.descTip ? (a(), v("div", ue, [
-              _(s.$slots, "descTip", {}, void 0, !0)
-            ])) : D("", !0)
+            I("div", ce, [
+              I("span", null, Y(e.title), 1),
+              e.message ? (r(), _("span", ie, Y(e.message), 1)) : E("", !0)
+            ])
           ]),
           key: "0"
+        } : void 0,
+        a.footer ? {
+          name: "footer",
+          fn: i(() => [
+            S(s.$slots, "footer", {}, void 0, !0)
+          ]),
+          key: "1"
         } : void 0
       ]), 1032, ["class"]);
     };
   }
-}), 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({
+}), W = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [s, u] of a)
+    t[s] = u;
+  return t;
+}, me = /* @__PURE__ */ W(de, [["__scopeId", "data-v-fdaaba5e"]]), pe = { class: "dialog-header" }, fe = /* @__PURE__ */ D({
   name: "Dialog",
   __name: "index",
   props: {
@@ -85,7 +66,7 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     },
     width: {
       type: String,
-      default: "50%"
+      default: "61.8%"
     },
     maxHeight: {
       type: [String, Number],
@@ -93,64 +74,65 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     }
   },
   setup(e) {
-    const t = W(), n = e, s = I(n.fullscreen), c = () => {
+    const a = V(), t = e, s = H(t.fullscreen), u = () => {
       s.value = !A(s);
-    }, p = I(n.maxHeight);
-    X(
+    }, c = H(t.maxHeight);
+    Z(
       () => s.value,
-      async (o) => {
-        if (await Z(), o) {
-          const u = document.documentElement.offsetHeight;
-          p.value = `${u - 55 - 40 - (t.footer ? 63 : 0)}px`;
+      async (l) => {
+        if (await ee(), l) {
+          const n = document.documentElement.offsetHeight;
+          c.value = `${n - 55 - 40 - (a.footer ? 63 : 0)}px`;
         } else
-          p.value = n.maxHeight;
+          c.value = t.maxHeight;
       },
       {
         immediate: !0
       }
     );
-    const l = F(() => {
-      if (n.maxHeight)
+    const g = F(() => {
+      if (t.maxHeight)
         return {
-          height: A(p)
+          height: A(c)
         };
     });
-    return (o, u) => {
-      const h = d("FullScreen"), k = d("el-icon"), g = d("ElScrollbar"), m = d("ElDialog");
-      return a(), f(m, T(o.$attrs, {
+    return (l, n) => {
+      const f = m("FullScreen"), k = m("el-icon"), x = m("ElScrollbar"), h = m("ElDialog");
+      return r(), p(h, O({
         "close-on-click-modal": !1,
-        fullscreen: s.value,
-        width: e.width,
         "destroy-on-close": "",
         draggable: "",
         "lock-scroll": "",
         class: "custom-dialog",
         "append-to-body": ""
-      }), j({
+      }, l.$attrs, {
+        fullscreen: s.value,
+        width: e.width
+      }), L({
         default: i(() => [
-          e.scroll ? (a(), f(g, {
+          e.scroll ? (r(), p(x, {
             key: 0,
-            style: L(l.value)
+            style: U(g.value)
           }, {
             default: i(() => [
-              _(o.$slots, "default")
+              S(l.$slots, "default")
             ]),
             _: 3
-          }, 8, ["style"])) : _(o.$slots, "default", { key: 1 })
+          }, 8, ["style"])) : S(l.$slots, "default", { key: 1 })
         ]),
         _: 2
       }, [
         e.title ? {
           name: "header",
           fn: i(() => [
-            S("div", me, [
-              _(o.$slots, "title", {}, () => [
-                U($(e.title), 1)
+            I("div", pe, [
+              S(l.$slots, "title", {}, () => [
+                j(Y(e.title), 1)
               ]),
-              S("div", { onClick: c }, [
-                Y(k, { class: "fullScreen" }, {
+              I("div", { onClick: u }, [
+                N(k, { class: "fullScreen" }, {
                   default: i(() => [
-                    Y(h)
+                    N(f)
                   ]),
                   _: 1
                 })
@@ -159,34 +141,37 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
           ]),
           key: "0"
         } : void 0,
-        t.footer ? {
+        a.footer ? {
           name: "footer",
           fn: i(() => [
-            _(o.$slots, "footer")
+            S(l.$slots, "footer")
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["fullscreen", "width"]);
     };
   }
-}), 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}`;
+}), ge = { key: 1 }, he = (e) => {
+  let a = e.label;
+  if (e.label && typeof e.label == "function" && (a = e.label()), e.type.indexOf("select") > -1 || e.type.indexOf("cascader") > -1 || e.type.indexOf("date") > -1)
+    return `请选择${a}`;
+  if (e.type.indexOf("text") > -1 || e.type.indexOf("number") > -1)
+    return `请输入${a}`;
 }, R = {
   valueFormat: "YYYY-MM-DD HH:mm:ss",
   format: "YYYY-MM-DD HH:mm:ss"
-}, he = (e) => {
-  const { options: t } = e;
+}, ye = (e) => {
+  const { options: a } = e;
   return {
-    default: () => t?.map((n) => N(d("el-option"), {
-      label: n.label,
-      value: n.value,
-      key: n.value
+    default: () => a?.map((t) => z(m("el-option"), {
+      label: t.label,
+      value: t.value,
+      key: t.value
     }))
   };
-}, O = {
+}, T = {
   clearable: !0
-}, ye = [
+}, be = [
   {
     type: "slider",
     component: "el-slider"
@@ -195,14 +180,14 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     type: "text",
     component: "el-input",
     attrs: {
-      ...O
+      ...T
     }
   },
   {
     type: "textarea",
     component: "el-input",
     attrs: {
-      ...O
+      ...T
     }
   },
   {
@@ -220,15 +205,15 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     type: "checkbox",
     component: "el-checkbox-group",
     slots: (e) => {
-      const { options: t } = e;
+      const { options: a } = e;
       return {
-        default: () => t?.map((n) => N(
-          d("el-checkbox"),
+        default: () => a?.map((t) => z(
+          m("el-checkbox"),
           {
-            value: n.value
+            value: t.value
           },
           {
-            default: () => n.label
+            default: () => t.label
           }
         ))
       };
@@ -238,15 +223,15 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     type: "radio",
     component: "el-radio-group",
     slots: (e) => {
-      const { options: t } = e;
+      const { options: a } = e;
       return {
-        default: () => t?.map((n) => N(
-          d("el-radio"),
+        default: () => a?.map((t) => z(
+          m("el-radio"),
           {
-            value: n.value
+            value: t.value
           },
           {
-            default: () => n.label
+            default: () => t.label
           }
         ))
       };
@@ -255,7 +240,7 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
   {
     type: "select",
     component: "el-select",
-    slots: he
+    slots: ye
   },
   {
     type: "select-v2",
@@ -265,7 +250,7 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     type: "tree-select",
     component: "el-tree-select",
     attrs: {
-      ...O,
+      ...T,
       checkStrictly: !0,
       //是否严格的遵循父子不互相关联的做法，默认为 false
       renderAfterExpand: !0
@@ -308,7 +293,7 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     }
   },
   {
-    type: "datetimerange,daterange,,monthrange,yearrange",
+    type: "datetimerange,daterange,monthrange,yearrange",
     component: "el-date-picker",
     attrs: {
       showConfirm: !1,
@@ -333,19 +318,19 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     type: "custom",
     component: "el-form-item"
   }
-], be = /* @__PURE__ */ H({
+], ve = /* @__PURE__ */ D({
   name: "EasyForm",
   __name: "index",
-  props: {
+  props: /* @__PURE__ */ te({
     inline: {
       type: Boolean,
       default: !0
     },
-    // 表单数据对象
-    formData: {
-      type: Object,
-      required: !0
-    },
+    // // 表单数据对象
+    // formData: {
+    //   type: Object as PropType<Record<string, any>>,
+    //   required: true,
+    // },
     // 表单项配置数组
     formItems: {
       type: Array,
@@ -361,96 +346,108 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
       type: [String],
       default: "200px"
     }
-  },
+  }, {
+    modelValue: {
+      default: {},
+      type: Object
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(e) {
-    const t = q(), n = (l) => {
-      s(l, "formRef");
-    }, s = (l, o) => {
+    const a = ne(e, "modelValue"), t = K(), s = (l) => {
+      u(l, "formRef");
+    }, u = (l, n) => {
       if (!l) {
-        delete t?.exposeProxy?.[o], delete t?.exposed?.[o];
+        delete t?.exposeProxy?.[n], delete t?.exposed?.[n];
         return;
       }
       t.exposeProxy = {
         ...t?.exposed,
-        [o]: l
+        [n]: l
       }, t.exposed = {
         ...t?.exposed,
-        [o]: l
+        [n]: l
       };
-    }, 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)
+    }, c = V(), g = (l, n, f) => {
+      const { value: k, component: x, ...h } = n, d = be.find(
+        (b) => !!l && b.type.indexOf(l) > -1
+      ), C = d?.component === "el-select" && n.props, y = n.options && !C ? d?.slots?.(n) : {};
+      if (!d && !n.component)
         return new Error(`未找到type为${l}的组件且当前也未传递component`);
-      const r = E(m?.component || k);
-      if (r)
-        return N(
-          r,
+      const o = $(d?.component || x);
+      if (o)
+        return z(
+          o,
           {
-            ...m?.attrs,
+            ...d?.attrs,
             // 这里的ref还是从配置注入吧。不是每次都要用到ref
             // ref: (el: any) => {
             //   setRefs(el, formItem.prop)
             // },
-            ...g,
+            ...h,
             //外部传入的 优先级最高
-            placeholder: g.placeholder || ge(o)
+            placeholder: h.placeholder || he(n)
           },
-          { ...y, ...u }
+          { ...y, ...f }
         );
     };
-    return (l, o) => {
-      const u = d("el-form-item"), h = d("el-form");
-      return a(), f(h, T({
-        model: e.formData,
+    return (l, n) => {
+      const f = m("el-form-item"), k = m("el-form");
+      return r(), p(k, O({
+        model: a.value,
         "label-width": e.labelWidth,
         inline: e.inline,
         "scroll-to-error": !0
       }, { ...l.$attrs }, {
-        ref: n,
+        ref: s,
         class: "easy-form"
       }), {
         default: i(() => [
-          (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
-            }, { ...r }), {
+          (r(!0), _(M, null, P(e.formItems, ({ id: x, type: h, rule: d, width: C, slots: y, ...o }, b) => (r(), _(M, null, [
+            h != "custom" && !o.hidden ? (r(), p(f, {
+              prop: o.prop,
+              key: b,
+              "label-width": o.labelWidth,
+              rules: d,
+              required: o.required
+            }, {
               label: i(() => [
-                r.label && typeof r.label == "function" ? (a(), f(E(r.label), { key: 0 })) : (a(), v("span", fe, $(r.label), 1))
+                o.label && typeof o.label == "function" ? (r(), p($(o.label), { key: 0 })) : (r(), _("span", ge, Y(o.label), 1))
               ]),
               default: i(() => [
-                c[r.prop] ? _(l.$slots, r.prop, {
+                c[o.prop] ? S(l.$slots, o.prop, {
                   key: 0,
-                  item: r
-                }, void 0, !0) : (a(), f(E(p(g, { ...r, type: g }, y)), {
+                  item: o
+                }, void 0, !0) : (r(), p($(g(h, { ...o, type: h }, y)), {
                   key: 1,
-                  modelValue: e.formData[r.prop],
-                  "onUpdate:modelValue": (b) => e.formData[r.prop] = b,
+                  modelValue: a.value[o.prop],
+                  "onUpdate:modelValue": (v) => a.value[o.prop] = v,
                   modelModifiers: { trim: !0 },
-                  style: L({ width: C || e.itemWidth })
+                  style: U({ width: C || e.itemWidth })
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "style"]))
               ]),
               _: 2
-            }, 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, {
+            }, 1032, ["prop", "label-width", "rules", "required"])) : E("", !0),
+            h == "custom" ? (r(), _(M, { key: 1 }, [
+              y?.[o.prop] ? (r(), p($(y[o.prop]), { key: 0 })) : S(l.$slots, o.prop, {
                 key: 1,
-                item: { width: C, rule: m, ...r }
+                item: { width: C, rule: d, ...o }
               }, void 0, !0)
-            ], 64)) : D("", !0)
+            ], 64)) : E("", !0)
           ], 64))), 256)),
-          c.append ? (a(), f(u, { key: 0 }, {
+          c.append ? (r(), p(f, { key: 0 }, {
             default: i(() => [
-              _(l.$slots, "append", {}, void 0, !0)
+              S(l.$slots, "append", {}, void 0, !0)
             ]),
             _: 3
-          })) : D("", !0)
+          })) : E("", !0)
         ]),
         _: 3
       }, 16, ["model", "label-width", "inline"]);
     };
   }
-}), ve = /* @__PURE__ */ P(be, [["__scopeId", "data-v-eb8139e8"]]), ke = /* @__PURE__ */ H({
+}), ke = /* @__PURE__ */ W(ve, [["__scopeId", "data-v-ebcd5674"]]), xe = /* @__PURE__ */ D({
   name: "EasyTable",
   __name: "index",
   props: {
@@ -489,104 +486,105 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     }
   },
   setup(e) {
-    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 a = oe(ue), t = e, s = F(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), u = H(), c = H("auto");
+    let g = K();
     const l = () => {
-      let m = "auto";
-      if (p?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
-        const r = t.footerHeight;
+      let d = "auto";
+      if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
+        let o = t.footerHeight;
+        a?.value?.size === "small" ? o = o - 8 : a?.value?.size === "large" && (o = o + 8);
         try {
-          const b = p?.refs.tableRef, { top: x } = b?.getBoundingClientRect();
-          m = document.documentElement.clientHeight - x - r - 20;
+          const b = g?.refs.tableRef, { top: v } = b?.getBoundingClientRect();
+          d = document.documentElement.clientHeight - v - o - 20;
         } catch {
         }
-        return m;
+        return d;
       }
-      return m;
-    }, o = I(), u = () => {
-      o.value && clearTimeout(o.value), o.value = setTimeout(() => {
-        c.value = l(), o.value = null;
+      return d;
+    }, n = H(), f = () => {
+      n.value && clearTimeout(n.value), n.value = setTimeout(() => {
+        c.value = l(), n.value = null;
       }, 100);
     };
-    ee(() => {
-      c.value = l(), window.addEventListener("resize", u);
-    }), te(() => {
-      window.removeEventListener("resize", u);
+    ae(() => {
+      c.value = l(), window.addEventListener("resize", f);
+    }), le(() => {
+      window.removeEventListener("resize", f);
     });
-    const h = d("el-table-column"), k = W(), g = (m) => {
-      const { slots: C = {}, children: y = [], ...r } = m;
+    const k = m("el-table-column"), x = V(), h = (d) => {
+      const { slots: C = {}, children: y = [], ...o } = d;
       if (y && y.length > 0) {
-        const b = y.map((x) => g(x));
-        return N(
-          h,
+        const b = y.map((v) => h(v));
+        return z(
+          k,
           {
             align: t.align,
-            ...r
+            ...o
           },
           // default 插槽默认使用 childrenNode 不能被slots 覆盖
           { ...C, default: () => b }
         );
       }
-      return N(
-        h,
+      return z(
+        k,
         {
           align: t.align,
-          ...r
+          ...o
         },
         // 最里层的表格列 default 插槽  slots传递的优先级最高 模版直接传递的可被 slots 覆盖
         {
-          default: (b) => k[m.prop] && k[m.prop](b),
+          default: (b) => x[d.prop] && x[d.prop](b),
           ...C
         }
       );
     };
-    return (m, C) => {
-      const y = d("el-button"), r = d("el-table-column"), b = d("el-table");
-      return a(), v("div", {
+    return (d, C) => {
+      const y = m("el-button"), o = m("el-table-column"), b = m("el-table");
+      return r(), _("div", {
         ref_key: "tableRef",
-        ref: s
+        ref: u
       }, [
-        Y(b, T({ style: { width: "100%" } }, m.$attrs, {
+        N(b, O({ style: { width: "100%" } }, d.$attrs, {
           data: e.data,
           height: e.height,
           maxHeight: e.maxHeight ? e.maxHeight : c.value
         }), {
           default: i(() => [
-            (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, {
+            (r(!0), _(M, null, P(e.tableColumns, (v, w) => (r(), p($(h(v)), { key: w }))), 128)),
+            e.buttons && e.buttons.length ? (r(), p(o, {
               key: 0,
               align: "center",
               fixed: "right",
               label: "操作",
-              width: n.value
+              width: s.value
             }, {
-              default: i((x) => [
-                (a(!0), v(M, null, z(e.buttons, (w, K) => G((a(), f(y, T({ ref_for: !0 }, { ...w }, {
-                  key: K,
+              default: i((v) => [
+                (r(!0), _(M, null, P(e.buttons, (w, Q) => G((r(), p(y, O({ ref_for: !0 }, { ...w }, {
+                  key: Q,
                   type: w.type.includes("del") ? "danger" : "primary",
                   onClick: () => {
-                    w.click?.(x.row);
+                    w.click?.(v.row);
                   },
-                  disabled: w.disabled?.(x.row) || !1,
-                  link: w.link?.(x.row) || !0
+                  disabled: w.disabled?.(v.row) || !1,
+                  link: w.link?.(v.row) || !0
                 }), {
                   default: i(() => [
-                    U($(w.label), 1)
+                    j(Y(w.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["type", "onClick", "disabled", "link"])), [
-                  [J, w.show?.(x.row) || !0]
+                  [J, w.show?.(v.row) || !0]
                 ])), 128))
               ]),
               _: 1
-            }, 8, ["width"])) : D("", !0)
+            }, 8, ["width"])) : E("", !0)
           ]),
           _: 1
         }, 16, ["data", "height", "maxHeight"])
       ], 512);
     };
   }
-}), xe = /* @__PURE__ */ P(ke, [["__scopeId", "data-v-6bcfc120"]]), _e = {
+}), _e = /* @__PURE__ */ W(xe, [["__scopeId", "data-v-1c87357b"]]), Ce = {
   name: "",
   components: {},
   props: {
@@ -596,13 +594,13 @@ const ae = { class: "flex items-center justify-between" }, le = { class: "flex i
     }
   }
 };
-function Ce(e, t, n, s, c, p) {
-  return n.icon ? (a(), f(E(n.icon), {
+function we(e, a, t, s, u, c) {
+  return t.icon ? (r(), p($(t.icon), {
     key: 0,
     class: "menu_icon"
-  })) : D("", !0);
+  })) : E("", !0);
 }
-const V = /* @__PURE__ */ P(_e, [["render", Ce], ["__scopeId", "data-v-261ce99a"]]), we = /* @__PURE__ */ H({
+const B = /* @__PURE__ */ W(Ce, [["render", we], ["__scopeId", "data-v-261ce99a"]]), Se = /* @__PURE__ */ D({
   name: "subMenu",
   __name: "subMenu",
   props: {
@@ -612,43 +610,43 @@ const V = /* @__PURE__ */ P(_e, [["render", Ce], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function s(c) {
-      n("handleMenuItemClick", c);
+  setup(e, { emit: a }) {
+    const t = a;
+    function s(u) {
+      t("handleMenuItemClick", 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, {
+    return (u, c) => {
+      const g = m("subMenu", !0), l = m("el-sub-menu"), n = m("el-menu-item");
+      return e.routeData.children && e.routeData.children.length > 0 ? (r(), p(l, {
         key: 0,
         index: e.routeData.path
       }, {
         title: i(() => [
-          Y(V, {
+          N(B, {
             icon: e.routeData.meta.icon
           }, null, 8, ["icon"]),
-          S("span", null, $(e.routeData.meta.title), 1)
+          I("span", null, Y(e.routeData.meta.title), 1)
         ]),
         default: i(() => [
-          (a(!0), v(M, null, z(e.routeData.children, (h, k) => (a(), f(l, {
+          (r(!0), _(M, null, P(e.routeData.children, (f, k) => (r(), p(g, {
             onHandleMenuItemClick: s,
-            routeData: h,
+            routeData: f,
             key: k
           }, null, 8, ["routeData"]))), 128))
         ]),
         _: 1
-      }, 8, ["index"])) : (a(), v("div", {
+      }, 8, ["index"])) : (r(), _("div", {
         key: 1,
-        onClick: p[0] || (p[0] = (h) => s(e.routeData))
+        onClick: c[0] || (c[0] = (f) => s(e.routeData))
       }, [
-        Y(u, {
+        N(n, {
           index: e.routeData.path
         }, {
           title: i(() => [
-            S("span", null, $(e.routeData.meta.title), 1)
+            I("span", null, Y(e.routeData.meta.title), 1)
           ]),
           default: i(() => [
-            Y(V, {
+            N(B, {
               icon: e.routeData.meta.icon
             }, null, 8, ["icon"])
           ]),
@@ -657,7 +655,7 @@ const V = /* @__PURE__ */ P(_e, [["render", Ce], ["__scopeId", "data-v-261ce99a"
       ]));
     };
   }
-}), Se = /* @__PURE__ */ H({
+}), Me = /* @__PURE__ */ D({
   name: "MenuTree",
   __name: "index",
   props: {
@@ -667,16 +665,16 @@ const V = /* @__PURE__ */ P(_e, [["render", Ce], ["__scopeId", "data-v-261ce99a"
     }
   },
   emits: ["handleMenuItemClick"],
-  setup(e, { emit: t }) {
-    const n = t, s = (c) => {
-      n("handleMenuItemClick", c);
+  setup(e, { emit: a }) {
+    const t = a, s = (u) => {
+      t("handleMenuItemClick", u);
     };
-    return (c, p) => {
-      const l = d("el-menu");
-      return a(), f(l, ne(oe(c.$attrs)), {
+    return (u, c) => {
+      const g = m("el-menu");
+      return r(), p(g, re(se(u.$attrs)), {
         default: i(() => [
-          (a(!0), v(M, null, z(e.menuList, (o) => (a(), f(we, {
-            routeData: o,
+          (r(!0), _(M, null, P(e.menuList, (l) => (r(), p(Se, {
+            routeData: l,
             onHandleMenuItemClick: s
           }, null, 8, ["routeData"]))), 256))
         ]),
@@ -684,7 +682,7 @@ const V = /* @__PURE__ */ P(_e, [["render", Ce], ["__scopeId", "data-v-261ce99a"
       }, 16);
     };
   }
-}), De = /* @__PURE__ */ H({
+}), Ye = /* @__PURE__ */ D({
   name: "Pagination",
   __name: "index",
   props: {
@@ -712,67 +710,68 @@ const V = /* @__PURE__ */ P(_e, [["render", Ce], ["__scopeId", "data-v-261ce99a"
     onPagination: { type: Function }
   },
   emits: ["update:page", "update:limit", "pagination"],
-  setup(e, { emit: t }) {
-    const n = e, s = t, c = F({
+  setup(e, { emit: a }) {
+    const t = e, s = a, u = F({
       get() {
-        return n.page;
+        return t.page;
       },
-      set(u) {
-        s("update:page", u);
+      set(n) {
+        s("update:page", n);
       }
-    }), p = F({
+    }), c = F({
       get() {
-        return n.limit;
+        return t.limit;
       },
-      set(u) {
-        s("update:limit", u);
+      set(n) {
+        s("update:limit", n);
       }
-    }), 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 });
+    }), g = (n) => {
+      u.value * n > t.total && (u.value = 1), s("pagination", { page: u.value, limit: n });
+    }, l = (n) => {
+      s("pagination", { page: n, limit: c.value });
     };
-    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),
+    return (n, f) => {
+      const k = m("el-pagination");
+      return G((r(), p(k, {
+        "current-page": u.value,
+        "onUpdate:currentPage": f[0] || (f[0] = (x) => u.value = x),
+        "page-size": c.value,
+        "onUpdate:pageSize": f[1] || (f[1] = (x) => c.value = x),
         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: l,
-        onCurrentChange: o
+        onSizeChange: g,
+        onCurrentChange: l
       }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
         [J, e.total > 0]
       ]);
     };
   }
-}), Ye = /* @__PURE__ */ P(De, [["__scopeId", "data-v-1e34e383"]]), Me = [
-  de,
-  pe,
-  ve,
+}), De = /* @__PURE__ */ W(Ye, [["__scopeId", "data-v-1e34e383"]]), $e = [
+  me,
+  fe,
+  ke,
   // EasyFormH,
-  xe,
-  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 };
+  _e,
+  Me,
+  De
+], q = [], He = (e, a) => {
+  $e.forEach((t) => {
+    q.push(t.name), e.component(t.name, t);
+  }), console.log("mwl-components", q);
+}, Ie = { install: He };
 export {
-  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
+  me as ContentWarp,
+  fe as Dialog,
+  ke as EasyForm,
+  _e as EasyTable,
+  Me as MenuTree,
+  De as Pagination,
+  be as componentsMap,
+  Ie as default,
+  he as getPlaceholder,
+  He as install
 };

package/dist/mwl-components.css

@@ -1 +1 @@
-.el-card[data-v-6e7d743c]{background-color:transparent;margin-bottom:10px}[data-v-6e7d743c] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-6e7d743c] .el-card__body{padding:20px;height:100%}.custom-dialog{padding:0;box-shadow:0 0 5px 0 var(--el-text-color-secondary)}.custom-dialog .el-dialog__header{padding:0}.dialog-header{--el-dialog-padding-primary: 20px;border-bottom:1px solid var(--el-border-color);padding:var(--el-dialog-padding-primary);padding-bottom:10px;padding-right:44px;display:flex;align-items:center;justify-content:space-between;color:var(--el-text-color-primary)}.dialog-header .fullScreen{cursor:pointer;z-index:99}.dialog-header .fullScreen:hover{color:var(--el-color-primary)}.el-dialog__headerbtn{--el-message-close-size: 20px;top:7px;margin-right:10px;width:20px}.el-dialog__body{padding:20px 30px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid var(--el-border-color)}.is-hover:hover{color:var(--el-color-primary)}[data-v-eb8139e8] .el-form-item__label{font-size:var(--el-font-size-base)}.easy-form .el-form-item[data-v-eb8139e8]{margin-right:10px}[data-v-eb8139e8] .el-date-editor{flex-grow:initial}[data-v-6bcfc120] .el-table,[data-v-6bcfc120] th.el-table__cell,[data-v-6bcfc120] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-1e34e383]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-1e34e383]{margin-top:8px;margin-bottom:8px}}
+.el-card[data-v-fdaaba5e]{background-color:transparent;margin-bottom:10px}[data-v-fdaaba5e] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-fdaaba5e] .el-card__body{padding:20px;height:100%}[data-v-fdaaba5e] .el-card__footer{padding:0 20px}.custom-dialog{padding:0;box-shadow:0 0 5px 0 var(--el-text-color-secondary)}.custom-dialog .el-dialog__header{padding:0}.dialog-header{--el-dialog-padding-primary: 20px;border-bottom:1px solid var(--el-border-color);padding:var(--el-dialog-padding-primary);padding-bottom:10px;padding-right:44px;display:flex;align-items:center;justify-content:space-between;color:var(--el-text-color-primary)}.dialog-header .fullScreen{cursor:pointer;z-index:99}.dialog-header .fullScreen:hover{color:var(--el-color-primary)}.el-dialog__headerbtn{--el-message-close-size: 20px;top:7px;margin-right:10px;width:20px}.el-dialog__body{padding:20px 30px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid var(--el-border-color)}.is-hover:hover{color:var(--el-color-primary)}[data-v-ebcd5674] .el-form-item__label{font-size:var(--el-font-size-base)}.easy-form .el-form-item[data-v-ebcd5674]{margin-right:10px}[data-v-ebcd5674] .el-date-editor{flex-grow:initial}[data-v-1c87357b] .el-table,[data-v-1c87357b] th.el-table__cell,[data-v-1c87357b] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-1e34e383]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-1e34e383]{margin-top:8px;margin-bottom:8px}}

package/dist/types/index.d.ts

@@ -51,6 +51,7 @@ export interface FormItem {
     };
     maxlength?: number;
     options?: Options;
+    data?: Array<any>;
     valueFormat?: string;
     format?: string;
     showType?: string;

package/package.json

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