mwl-components 0.1.3 → 0.1.4

package/dist/index.js

@@ -1,807 +0,0 @@
-import { defineComponent as M, useAttrs as X, ref as Y, resolveComponent as d, createBlock as p, openBlock as r, mergeProps as P, withCtx as i, renderSlot as C, useSlots as V, normalizeClass as Z, createSlots as L, createElementVNode as I, createElementBlock as x, createCommentVNode as E, toDisplayString as $, watch as ee, nextTick as te, computed as O, unref as B, normalizeStyle as U, createTextVNode as j, createVNode as N, mergeModels as ne, useModel as oe, getCurrentInstance as K, Fragment as D, renderList as W, resolveDynamicComponent as H, h as z, inject as ae, onMounted as le, onUnmounted as re, withDirectives as G, vShow as J, normalizeProps as se, guardReactiveProps as ue } from "vue";
-import { configProviderContextKey as ce } from "element-plus";
-const ie = /* @__PURE__ */ M({
-  name: "EasyButton",
-  inheritAttrs: !1,
-  __name: "index",
-  setup(e) {
-    const { onClick: n, ...t } = X(), s = Y(!1), c = async () => {
-      console.log("Button clicked"), s.value = !0;
-      try {
-        await n?.();
-      } catch (u) {
-        console.error("Error in button onClick handler:", u);
-      } finally {
-        s.value = !1;
-      }
-    };
-    return (u, g) => {
-      const o = d("el-button");
-      return r(), p(o, P(t, {
-        loading: s.value,
-        onClick: c
-      }), {
-        default: i(() => [
-          C(u.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["loading"]);
-    };
-  }
-}), de = { class: "card-header" }, me = {
-  key: 0,
-  class: "card-header__message"
-}, pe = /* @__PURE__ */ M({
-  name: "ContentWarp",
-  __name: "index",
-  props: {
-    title: String,
-    message: String
-  },
-  setup(e) {
-    const n = V(), t = Y("content-wrap");
-    return (s, c) => {
-      const u = d("ElCard");
-      return r(), p(u, {
-        class: Z([t.value]),
-        shadow: "never"
-      }, L({
-        default: i(() => [
-          C(s.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 2
-      }, [
-        e.title ? {
-          name: "header",
-          fn: i(() => [
-            I("div", de, [
-              I("span", null, $(e.title), 1),
-              e.message ? (r(), x("span", me, $(e.message), 1)) : E("", !0)
-            ])
-          ]),
-          key: "0"
-        } : void 0,
-        n.footer ? {
-          name: "footer",
-          fn: i(() => [
-            C(s.$slots, "footer", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["class"]);
-    };
-  }
-}), F = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [s, c] of n)
-    t[s] = c;
-  return t;
-}, fe = /* @__PURE__ */ F(pe, [["__scopeId", "data-v-fdaaba5e"]]), ge = { class: "dialog-header" }, he = /* @__PURE__ */ M({
-  name: "Dialog",
-  __name: "index",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    fullscreen: {
-      type: Boolean,
-      default: !1
-    },
-    scroll: {
-      type: Boolean,
-      default: !1
-    },
-    width: {
-      type: String,
-      default: "61.8%"
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: ""
-    }
-  },
-  setup(e) {
-    const n = V(), t = e, s = Y(t.fullscreen), c = () => {
-      s.value = !B(s);
-    }, u = Y(t.maxHeight);
-    ee(
-      () => s.value,
-      async (o) => {
-        if (await te(), o) {
-          const a = document.documentElement.offsetHeight;
-          u.value = `${a - 55 - 40 - (n.footer ? 63 : 0)}px`;
-        } else
-          u.value = t.maxHeight;
-      },
-      {
-        immediate: !0
-      }
-    );
-    const g = O(() => {
-      if (t.maxHeight)
-        return {
-          height: B(u)
-        };
-    });
-    return (o, a) => {
-      const f = d("FullScreen"), k = d("el-icon"), _ = d("ElScrollbar"), h = d("ElDialog");
-      return r(), p(h, P({
-        "close-on-click-modal": !1,
-        "destroy-on-close": "",
-        draggable: "",
-        "lock-scroll": "",
-        class: "custom-dialog",
-        "append-to-body": ""
-      }, o.$attrs, {
-        fullscreen: s.value,
-        width: e.width
-      }), L({
-        default: i(() => [
-          e.scroll ? (r(), p(_, {
-            key: 0,
-            style: U(g.value)
-          }, {
-            default: i(() => [
-              C(o.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["style"])) : C(o.$slots, "default", { key: 1 })
-        ]),
-        _: 2
-      }, [
-        e.title ? {
-          name: "header",
-          fn: i(() => [
-            I("div", ge, [
-              C(o.$slots, "title", {}, () => [
-                j($(e.title), 1)
-              ]),
-              I("div", { onClick: c }, [
-                N(k, { class: "fullScreen" }, {
-                  default: i(() => [
-                    N(f)
-                  ]),
-                  _: 1
-                })
-              ])
-            ])
-          ]),
-          key: "0"
-        } : void 0,
-        n.footer ? {
-          name: "footer",
-          fn: i(() => [
-            C(o.$slots, "footer")
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040, ["fullscreen", "width"]);
-    };
-  }
-}), ye = { key: 1 }, be = (e) => {
-  let n = e.label;
-  if (e.label && typeof e.label == "function" && (n = e.label()), e.type.indexOf("select") > -1 || e.type.indexOf("cascader") > -1 || e.type.indexOf("date") > -1)
-    return `请选择${n}`;
-  if (e.type.indexOf("text") > -1 || e.type.indexOf("number") > -1)
-    return `请输入${n}`;
-}, T = {
-  valueFormat: "YYYY-MM-DD HH:mm:ss",
-  format: "YYYY-MM-DD HH:mm:ss"
-}, ve = (e) => {
-  const { options: n } = e;
-  return {
-    default: () => n?.map((t) => z(d("el-option"), {
-      label: t.label,
-      value: t.value,
-      key: t.value
-    }))
-  };
-}, A = {
-  clearable: !0
-}, ke = [
-  {
-    type: "slider",
-    component: "el-slider"
-  },
-  {
-    type: "text",
-    component: "el-input",
-    attrs: {
-      ...A
-    }
-  },
-  {
-    type: "textarea",
-    component: "el-input",
-    attrs: {
-      ...A
-    }
-  },
-  {
-    type: "number",
-    component: "el-input-number",
-    attrs: {
-      controlsPosition: "right"
-    }
-  },
-  {
-    type: "switch",
-    component: "el-switch"
-  },
-  {
-    type: "checkbox",
-    component: "el-checkbox-group",
-    slots: (e) => {
-      const { options: n } = e;
-      return {
-        default: () => n?.map((t) => z(
-          d("el-checkbox"),
-          {
-            value: t.value
-          },
-          {
-            default: () => t.label
-          }
-        ))
-      };
-    }
-  },
-  {
-    type: "radio",
-    component: "el-radio-group",
-    slots: (e) => {
-      const { options: n } = e;
-      return {
-        default: () => n?.map((t) => z(
-          d("el-radio"),
-          {
-            value: t.value
-          },
-          {
-            default: () => t.label
-          }
-        ))
-      };
-    }
-  },
-  {
-    type: "select",
-    component: "el-select",
-    slots: ve
-  },
-  {
-    type: "select-v2",
-    component: "el-select-v2"
-  },
-  {
-    type: "tree-select",
-    component: "el-tree-select",
-    attrs: {
-      ...A,
-      checkStrictly: !0,
-      //是否严格的遵循父子不互相关联的做法，默认为 false
-      renderAfterExpand: !0
-      // 是否在第一次展开时即渲染子节点，默认为 false
-    }
-  },
-  {
-    type: "date,dates",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      valueFormat: "YYYY-MM-DD",
-      format: "YYYY-MM-DD"
-    }
-  },
-  {
-    type: "datetime,week",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      ...T
-    }
-  },
-  {
-    type: "month,months",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      valueFormat: "YYYY-MM",
-      format: "YYYY-MM"
-    }
-  },
-  {
-    type: "year,years",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      valueFormat: "YYYY",
-      format: "YYYY"
-    }
-  },
-  {
-    type: "datetimerange,daterange,monthrange,yearrange",
-    component: "el-date-picker",
-    attrs: {
-      showConfirm: !1,
-      rangeSeparator: "至",
-      startPlaceholder: "开始日期",
-      endPlaceholder: "结束日期",
-      ...T
-    }
-  },
-  {
-    type: "cascader",
-    component: "el-cascader",
-    attrs: {
-      clearable: !0
-    }
-  },
-  {
-    type: "upload",
-    component: "el-upload"
-  },
-  {
-    type: "custom",
-    component: "el-form-item"
-  }
-], _e = /* @__PURE__ */ M({
-  name: "EasyForm",
-  __name: "index",
-  props: /* @__PURE__ */ ne({
-    inline: {
-      type: Boolean,
-      default: !0
-    },
-    // // 表单数据对象
-    // formData: {
-    //   type: Object as PropType<Record<string, any>>,
-    //   required: true,
-    // },
-    // 表单项配置数组
-    formItems: {
-      type: Array,
-      default: () => []
-    },
-    // 表单标签宽度
-    labelWidth: {
-      type: [String, Number],
-      default: "120px"
-    },
-    // 表单项宽度
-    itemWidth: {
-      type: [String],
-      default: "200px"
-    }
-  }, {
-    modelValue: {
-      default: {},
-      type: Object
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = oe(e, "modelValue"), t = K(), s = (o) => {
-      c(o, "formRef");
-    }, c = (o, a) => {
-      if (!o) {
-        delete t?.exposeProxy?.[a], delete t?.exposed?.[a];
-        return;
-      }
-      t.exposeProxy = {
-        ...t?.exposed,
-        [a]: o
-      }, t.exposed = {
-        ...t?.exposed,
-        [a]: o
-      };
-    }, u = V(), g = (o, a, f) => {
-      const { value: k, component: _, ...h } = a, m = ke.find(
-        (b) => !!o && b.type.indexOf(o) > -1
-      ), w = m?.component === "el-select" && a.props, y = a.options && !w ? m?.slots?.(a) : {};
-      if (!m && !a.component)
-        return new Error(`未找到type为${o}的组件且当前也未传递component`);
-      const l = H(m?.component || _);
-      if (l)
-        return z(
-          l,
-          {
-            ...m?.attrs,
-            // 这里的ref还是从配置注入吧。不是每次都要用到ref
-            // ref: (el: any) => {
-            //   setRefs(el, formItem.prop)
-            // },
-            ...h,
-            //外部传入的 优先级最高
-            placeholder: h.placeholder || be(a)
-          },
-          { ...y, ...f }
-        );
-    };
-    return (o, a) => {
-      const f = d("el-form-item"), k = d("el-form");
-      return r(), p(k, P({
-        model: n.value,
-        "label-width": e.labelWidth,
-        inline: e.inline,
-        "scroll-to-error": !0
-      }, { ...o.$attrs }, {
-        ref: s,
-        class: "easy-form"
-      }), {
-        default: i(() => [
-          (r(!0), x(D, null, W(e.formItems, ({ id: _, type: h, rule: m, width: w, slots: y, ...l }, b) => (r(), x(D, null, [
-            h != "custom" && !l.hidden ? (r(), p(f, {
-              prop: l.prop,
-              key: b,
-              "label-width": l.labelWidth,
-              rules: m,
-              required: l.required
-            }, {
-              label: i(() => [
-                l.label && typeof l.label == "function" ? (r(), p(H(l.label), { key: 0 })) : (r(), x("span", ye, $(l.label), 1))
-              ]),
-              default: i(() => [
-                u[l.prop] ? C(o.$slots, l.prop, {
-                  key: 0,
-                  item: l
-                }, void 0, !0) : (r(), p(H(g(h, { ...l, type: h }, y)), {
-                  key: 1,
-                  modelValue: n.value[l.prop],
-                  "onUpdate:modelValue": (v) => n.value[l.prop] = v,
-                  modelModifiers: { trim: !0 },
-                  style: U({ width: w || e.itemWidth })
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "style"]))
-              ]),
-              _: 2
-            }, 1032, ["prop", "label-width", "rules", "required"])) : E("", !0),
-            h == "custom" ? (r(), x(D, { key: 1 }, [
-              y?.[l.prop] ? (r(), p(H(y[l.prop]), { key: 0 })) : C(o.$slots, l.prop, {
-                key: 1,
-                item: { width: w, rule: m, ...l }
-              }, void 0, !0)
-            ], 64)) : E("", !0)
-          ], 64))), 256)),
-          u.append ? (r(), p(f, { key: 0 }, {
-            default: i(() => [
-              C(o.$slots, "append", {}, void 0, !0)
-            ]),
-            _: 3
-          })) : E("", !0)
-        ]),
-        _: 3
-      }, 16, ["model", "label-width", "inline"]);
-    };
-  }
-}), xe = /* @__PURE__ */ F(_e, [["__scopeId", "data-v-ebcd5674"]]), Ce = /* @__PURE__ */ M({
-  name: "EasyTable",
-  __name: "index",
-  props: {
-    data: {
-      type: Array,
-      required: !0,
-      default: () => []
-    },
-    tableColumns: {
-      type: Array,
-      default: () => []
-    },
-    buttons: {
-      type: Array,
-      default: () => []
-    },
-    buttonWidth: {
-      type: [Number, String],
-      default: 120
-    },
-    align: {
-      type: String,
-      default: "center"
-    },
-    height: {
-      type: Number || String,
-      default: void 0
-    },
-    maxHeight: {
-      type: String || Number,
-      default: void 0
-    },
-    footerHeight: {
-      type: Number,
-      default: 65
-    }
-  },
-  setup(e) {
-    const n = ae(ce), t = e, s = O(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), c = Y(), u = Y("auto");
-    let g = K();
-    const o = () => {
-      let m = "auto";
-      if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
-        let l = t.footerHeight;
-        n?.value?.size === "small" ? l = l - 8 : n?.value?.size === "large" && (l = l + 8);
-        try {
-          const b = g?.refs.tableRef, { top: v } = b?.getBoundingClientRect();
-          m = document.documentElement.clientHeight - v - l - 20;
-        } catch {
-        }
-        return m;
-      }
-      return m;
-    }, a = Y(), f = () => {
-      a.value && clearTimeout(a.value), a.value = setTimeout(() => {
-        u.value = o(), a.value = null;
-      }, 100);
-    };
-    le(() => {
-      u.value = o(), window.addEventListener("resize", f);
-    }), re(() => {
-      window.removeEventListener("resize", f);
-    });
-    const k = d("el-table-column"), _ = V(), h = (m) => {
-      const { slots: w = {}, children: y = [], ...l } = m;
-      if (y && y.length > 0) {
-        const b = y.map((v) => h(v));
-        return z(
-          k,
-          {
-            align: t.align,
-            ...l
-          },
-          // default 插槽默认使用 childrenNode 不能被slots 覆盖
-          { ...w, default: () => b }
-        );
-      }
-      return z(
-        k,
-        {
-          align: t.align,
-          ...l
-        },
-        // 最里层的表格列 default 插槽  slots传递的优先级最高 模版直接传递的可被 slots 覆盖
-        {
-          default: (b) => _[m.prop] && _[m.prop](b),
-          ...w
-        }
-      );
-    };
-    return (m, w) => {
-      const y = d("el-button"), l = d("el-table-column"), b = d("el-table");
-      return r(), x("div", {
-        ref_key: "tableRef",
-        ref: c
-      }, [
-        N(b, P({ style: { width: "100%" } }, m.$attrs, {
-          data: e.data,
-          height: e.height,
-          maxHeight: e.maxHeight ? e.maxHeight : u.value
-        }), {
-          default: i(() => [
-            (r(!0), x(D, null, W(e.tableColumns, (v, S) => (r(), p(H(h(v)), { key: S }))), 128)),
-            e.buttons && e.buttons.length ? (r(), p(l, {
-              key: 0,
-              align: "center",
-              fixed: "right",
-              label: "操作",
-              width: s.value
-            }, {
-              default: i((v) => [
-                (r(!0), x(D, null, W(e.buttons, (S, Q) => G((r(), p(y, P({ ref_for: !0 }, { ...S }, {
-                  key: Q,
-                  type: S.type.includes("del") ? "danger" : "primary",
-                  onClick: () => {
-                    S.click?.(v.row);
-                  },
-                  disabled: S.disabled?.(v.row) || !1,
-                  link: S.link?.(v.row) || !0
-                }), {
-                  default: i(() => [
-                    j($(S.label), 1)
-                  ]),
-                  _: 2
-                }, 1040, ["type", "onClick", "disabled", "link"])), [
-                  [J, S.show?.(v.row) || !0]
-                ])), 128))
-              ]),
-              _: 1
-            }, 8, ["width"])) : E("", !0)
-          ]),
-          _: 1
-        }, 16, ["data", "height", "maxHeight"])
-      ], 512);
-    };
-  }
-}), we = /* @__PURE__ */ F(Ce, [["__scopeId", "data-v-1c87357b"]]), Se = {
-  name: "",
-  components: {},
-  props: {
-    icon: {
-      type: String,
-      default: ""
-    }
-  }
-};
-function Me(e, n, t, s, c, u) {
-  return t.icon ? (r(), p(H(t.icon), {
-    key: 0,
-    class: "menu_icon"
-  })) : E("", !0);
-}
-const R = /* @__PURE__ */ F(Se, [["render", Me], ["__scopeId", "data-v-261ce99a"]]), Ye = /* @__PURE__ */ M({
-  name: "subMenu",
-  __name: "subMenu",
-  props: {
-    routeData: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["handleMenuItemClick"],
-  setup(e, { emit: n }) {
-    const t = n;
-    function s(c) {
-      t("handleMenuItemClick", c);
-    }
-    return (c, u) => {
-      const g = d("subMenu", !0), o = d("el-sub-menu"), a = d("el-menu-item");
-      return e.routeData.children && e.routeData.children.length > 0 ? (r(), p(o, {
-        key: 0,
-        index: e.routeData.path
-      }, {
-        title: i(() => [
-          N(R, {
-            icon: e.routeData.meta.icon
-          }, null, 8, ["icon"]),
-          I("span", null, $(e.routeData.meta.title), 1)
-        ]),
-        default: i(() => [
-          (r(!0), x(D, null, W(e.routeData.children, (f, k) => (r(), p(g, {
-            onHandleMenuItemClick: s,
-            routeData: f,
-            key: k
-          }, null, 8, ["routeData"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["index"])) : (r(), x("div", {
-        key: 1,
-        onClick: u[0] || (u[0] = (f) => s(e.routeData))
-      }, [
-        N(a, {
-          index: e.routeData.path
-        }, {
-          title: i(() => [
-            I("span", null, $(e.routeData.meta.title), 1)
-          ]),
-          default: i(() => [
-            N(R, {
-              icon: e.routeData.meta.icon
-            }, null, 8, ["icon"])
-          ]),
-          _: 1
-        }, 8, ["index"])
-      ]));
-    };
-  }
-}), De = /* @__PURE__ */ M({
-  name: "MenuTree",
-  __name: "index",
-  props: {
-    menuList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["handleMenuItemClick"],
-  setup(e, { emit: n }) {
-    const t = n, s = (c) => {
-      t("handleMenuItemClick", c);
-    };
-    return (c, u) => {
-      const g = d("el-menu");
-      return r(), p(g, se(ue(c.$attrs)), {
-        default: i(() => [
-          (r(!0), x(D, null, W(e.menuList, (o) => (r(), p(Ye, {
-            routeData: o,
-            onHandleMenuItemClick: s
-          }, null, 8, ["routeData"]))), 256))
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-}), $e = /* @__PURE__ */ M({
-  name: "Pagination",
-  __name: "index",
-  props: {
-    // 总条目数
-    total: {
-      required: !0,
-      type: Number
-    },
-    // 当前页数：pageNo
-    page: {
-      type: Number,
-      default: 1
-    },
-    // 每页显示条目个数：pageSize
-    limit: {
-      type: Number,
-      default: 20
-    },
-    // 设置最大页码按钮数。 页码按钮的数量，当总页数超过该值时会折叠
-    // 移动端页码按钮的数量端默认值 5
-    pagerCount: {
-      type: Number,
-      default: document.body.clientWidth < 992 ? 5 : 7
-    },
-    onPagination: { type: Function }
-  },
-  emits: ["update:page", "update:limit", "pagination"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, c = O({
-      get() {
-        return t.page;
-      },
-      set(a) {
-        s("update:page", a);
-      }
-    }), u = O({
-      get() {
-        return t.limit;
-      },
-      set(a) {
-        s("update:limit", a);
-      }
-    }), g = (a) => {
-      c.value * a > t.total && (c.value = 1), s("pagination", { page: c.value, limit: a });
-    }, o = (a) => {
-      s("pagination", { page: a, limit: u.value });
-    };
-    return (a, f) => {
-      const k = d("el-pagination");
-      return G((r(), p(k, {
-        "current-page": c.value,
-        "onUpdate:currentPage": f[0] || (f[0] = (_) => c.value = _),
-        "page-size": u.value,
-        "onUpdate:pageSize": f[1] || (f[1] = (_) => u.value = _),
-        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: g,
-        onCurrentChange: o
-      }, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
-        [J, e.total > 0]
-      ]);
-    };
-  }
-}), He = /* @__PURE__ */ F($e, [["__scopeId", "data-v-1e34e383"]]), Ee = [
-  ie,
-  fe,
-  he,
-  xe,
-  // EasyFormH,
-  we,
-  De,
-  He
-], q = [], Ne = (e, n) => {
-  Ee.forEach((t) => {
-    q.push(t.name), e.component(t.name, t);
-  }), console.log("mwl-components", q);
-}, Pe = { install: Ne };
-export {
-  fe as ContentWarp,
-  he as Dialog,
-  ie as EasyButton,
-  xe as EasyForm,
-  we as EasyTable,
-  De as MenuTree,
-  He as Pagination,
-  ke as componentsMap,
-  Pe as default,
-  be as getPlaceholder,
-  Ne as install
-};