evui 3.5.0-rc.1 → 3.5.0

package/dist/components/icon/Icon.vue.js

@@ -0,0 +1,50 @@
+import { openBlock as r, createElementBlock as k, normalizeStyle as C, normalizeClass as s } from "vue";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  name: "EvIcon",
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {
+    click: null,
+    "dbl-click": null,
+    "context-menu": null
+  },
+  setup(c, { emit: n }) {
+    return {
+      onClick: (l) => {
+        n("click", l);
+      },
+      onDblClick: (l) => {
+        n("dbl-click", l);
+      },
+      onContextMenu: (l) => {
+        n("context-menu", l);
+      }
+    };
+  }
+};
+function d(c, n, t, o, i, l) {
+  return r(), k("i", {
+    class: s([t.icon, { [`ev-icon-${t.size}`]: !!t.size }]),
+    style: C({ color: t.color }),
+    onClick: n[0] || (n[0] = (...e) => o.onClick && o.onClick(...e)),
+    "on:dblClick": n[1] || (n[1] = (...e) => o.onDblClick && o.onDblClick(...e)),
+    onContextmenu: n[2] || (n[2] = (...e) => o.onContextMenu && o.onContextMenu(...e))
+  }, null, 38);
+}
+const a = /* @__PURE__ */ u(m, [["render", d]]);
+export {
+  a as default
+};

package/dist/components/icon/index.js

@@ -0,0 +1,8 @@
+/* empty css                       */
+import o from "./Icon.vue.js";
+o.install = (t) => {
+  t.component(o.name, o);
+};
+export {
+  o as default
+};

package/dist/components/inputNumber/InputNumber.vue.js

@@ -0,0 +1,112 @@
+import { useModel as f, useStep as v, useInit as b } from "./uses.js";
+import { openBlock as p, createElementBlock as m, normalizeClass as u, createElementVNode as o, Fragment as c, renderList as y, withDirectives as V, withKeys as a, withModifiers as d, vModelText as I } from "vue";
+/* empty css                 */
+import w from "../../_virtual/_plugin-vue_export-helper.js";
+const g = {
+  name: "EvInputNumber",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    max: {
+      type: Number,
+      default: 1 / 0
+    },
+    min: {
+      type: Number,
+      default: -1 / 0
+    },
+    step: {
+      type: Number,
+      default: 1,
+      validator: (l) => l > 0
+    },
+    stepStrictly: {
+      type: Boolean,
+      default: !1
+    },
+    precision: {
+      type: Number,
+      default: 0,
+      validator: (l) => l >= 0 && l <= 100 && l === parseInt(l, 10)
+    }
+  },
+  emits: ["update:modelValue", "focus", "blur", "input", "change"],
+  setup() {
+    const { currentValue: l, validateValue: e, focusInput: r, blurInput: n, changeMv: i } = f(), { stepValue: s } = v({
+      currentValue: l,
+      validateValue: e
+    });
+    return b({
+      currentValue: l,
+      validateValue: e
+    }), {
+      currentValue: l,
+      validateValue: e,
+      focusInput: r,
+      blurInput: n,
+      changeMv: i,
+      stepValue: s
+    };
+  }
+}, N = { class: "ev-input-number__wrapper" }, x = ["onClick"], B = ["placeholder", "disabled", "readonly"];
+function M(l, e, r, n, i, s) {
+  return p(), m("div", {
+    class: u(["ev-input-number", {
+      disabled: r.disabled,
+      readonly: r.readonly
+    }])
+  }, [
+    o("div", N, [
+      (p(), m(c, null, y(["up", "down"], (t) => o("span", {
+        key: `step-arrow-${t}`,
+        class: u(["ev-input-number-icon", `step-${t}`]),
+        onClick: (k) => n.stepValue(t)
+      }, [
+        o("i", {
+          class: u(`ev-icon-s-arrow-${t}`)
+        }, null, 2)
+      ], 10, x)), 64)),
+      V(o("input", {
+        "onUpdate:modelValue": e[0] || (e[0] = (t) => n.currentValue = t),
+        class: "ev-input",
+        type: "text",
+        placeholder: r.placeholder,
+        disabled: r.disabled,
+        readonly: r.readonly,
+        onFocus: e[1] || (e[1] = (...t) => n.focusInput && n.focusInput(...t)),
+        onBlur: e[2] || (e[2] = (...t) => n.blurInput && n.blurInput(...t)),
+        onChange: e[3] || (e[3] = (...t) => n.changeMv && n.changeMv(...t)),
+        onKeydown: [
+          e[4] || (e[4] = a(d((t) => n.stepValue("up"), ["prevent"]), ["up"])),
+          e[5] || (e[5] = a(d((t) => n.stepValue("down"), ["prevent"]), ["down"])),
+          e[6] || (e[6] = a(d((t) => n.validateValue(n.currentValue), ["prevent"]), ["enter"]))
+        ]
+      }, null, 40, B), [
+        [
+          I,
+          n.currentValue,
+          void 0,
+          { trim: !0 }
+        ]
+      ])
+    ])
+  ], 2);
+}
+const F = /* @__PURE__ */ w(g, [["render", M]]);
+export {
+  F as default
+};

package/dist/components/inputNumber/index.js

@@ -0,0 +1,7 @@
+import t from "./InputNumber.vue.js";
+t.install = (e) => {
+  e.component(t.name, t);
+};
+export {
+  t as default
+};

package/dist/components/inputNumber/uses.js

@@ -0,0 +1,76 @@
+import { getCurrentInstance as m, ref as p, watch as d, onBeforeMount as x } from "vue";
+import { getPrecision as f } from "../../common/utils.js";
+function V(n, { min: e, max: s, step: o }) {
+  const r = Math.floor((n - e) / o), c = (n - e) % o, l = Math.floor((s - e) / o), u = Math.max(f(o), f(e));
+  let a = !1, t;
+  if (u) {
+    let i = +parseFloat(o * r).toFixed(u);
+    t = +(i + e).toFixed(u), a = r === l && +(s - t).toFixed(u) !== o, c > o / 2 && !a && (t = +(t + o).toFixed(u)), t > s ? (i = +parseFloat(o * l).toFixed(u), t = +(i + e).toFixed(u)) : t < e && (t = e);
+  } else
+    t = o * r + e, a = r === l && s - t !== o, c > o / 2 && !a && (t += o), t > s ? t = o * l + e : t < e && (t = e);
+  return t;
+}
+function M() {
+  const { props: n, emit: e } = m(), s = p(n.modelValue), o = p(n.modelValue), r = (t) => n.precision && (t || t === 0) ? Number(t).toFixed(n.precision) : t, c = (t) => {
+    let i = t;
+    !t && t !== 0 ? i = n.stepStrictly ? o.value : null : isNaN(t) ? i = o.value : n.stepStrictly ? (n.min === -1 / 0 && (n.min = 0), i = V(t, {
+      min: n.min,
+      max: n.max,
+      step: n.step
+    })) : (n.min || n.min === 0) && i < n.min ? i = n.min : (n.max || n.max === 0) && i > n.max ? i = n.max : i = +i, s.value = r(i), o.value = r(i), e("update:modelValue", i), e("change", i);
+  }, l = (t) => {
+    e("focus", t);
+  }, u = (t) => {
+    e("blur", t);
+  }, a = (t) => {
+    c(t.target.value);
+  };
+  return d(
+    () => n.modelValue,
+    (t, i) => {
+      t !== i && (s.value = r(t));
+    }
+  ), {
+    currentValue: s,
+    validateValue: c,
+    focusInput: l,
+    blurInput: u,
+    changeMv: a
+  };
+}
+function I(n) {
+  const { props: e } = m(), { currentValue: s, validateValue: o } = n;
+  return {
+    stepValue: (c) => {
+      if (e.readonly || e.disabled)
+        return;
+      let l;
+      if (!s.value && s.value !== 0)
+        l = e.min === -1 / 0 ? 0 : e.min;
+      else {
+        const u = +s.value, a = c === "up" ? e.step : e.step * -1, i = 10 ** Math.max(f(u), f(e.step));
+        l = (Math.round(u * i) + Math.round(a * i)) / i;
+      }
+      l >= e.min && l <= e.max && o(l);
+    }
+  };
+}
+function b(n) {
+  const { props: e } = m(), { currentValue: s, validateValue: o } = n, r = e.max || e.max === 0, c = e.min || e.min === 0, l = () => {
+    r && c && e.max <= e.min && console.warn("[EVUI][InputNumber] Max value must be greater than min value."), e.step && (e.precision || e.precision === 0) && f(e.step) > e.precision && console.warn(
+      "[EVUI][InputNumber] It cannot be calculated because the step is smaller than the precision setting."
+    );
+  }, u = () => {
+    let a = s.value;
+    isNaN(s.value) && (a = 0), (a || a === 0) && (r && a > e.max ? a = e.max : c && a < e.min && (a = e.min)), o(a);
+  };
+  x(() => {
+    l(), u();
+  });
+}
+export {
+  V as getValueCloseToStep,
+  b as useInit,
+  M as useModel,
+  I as useStep
+};

package/dist/components/loading/Loading.vue.js

@@ -0,0 +1,78 @@
+import { openBlock as a, createBlock as y, Teleport as k, createElementBlock as t, mergeProps as i, toHandlerKey as c, createElementVNode as d, renderSlot as r, normalizeStyle as u, normalizeClass as m, createCommentVNode as f, Fragment as v, computed as g } from "vue";
+/* empty css             */
+import E from "../../_virtual/_plugin-vue_export-helper.js";
+const L = {
+  name: "EvLoading",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    fullscreen: {
+      type: Boolean,
+      default: !1
+    },
+    clickOutside: {
+      type: Boolean,
+      default: !1
+    },
+    iconClass: {
+      type: String,
+      default: null
+    },
+    iconStyle: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: {
+    "update:modelValue": [Boolean]
+  },
+  setup(o, { emit: n }) {
+    return {
+      clickEventName: g(() => o.clickOutside ? "click" : null),
+      closeLoading: () => n("update:modelValue", !1)
+    };
+  }
+}, B = { class: "ev-loading-spinner" }, V = { class: "ev-loading-spinner" };
+function N(o, n, e, l, S, p) {
+  return e.fullscreen ? (a(), y(k, {
+    key: 0,
+    to: "body"
+  }, [
+    e.modelValue ? (a(), t("div", i({
+      key: 0,
+      class: "ev-loading full-screen"
+    }, {
+      [c(`${l.clickEventName}`)]: n[0] || (n[0] = (...s) => l.closeLoading && l.closeLoading(...s))
+    }), [
+      d("div", B, [
+        o.$slots.default ? r(o.$slots, "default", { key: 0 }) : (a(), t("i", {
+          key: 1,
+          class: m([e.iconClass || "ev-icon-refresh2", "ev-loading-icon"]),
+          style: u(e.iconStyle)
+        }, null, 6))
+      ])
+    ], 16)) : f("", !0)
+  ])) : (a(), t(v, { key: 1 }, [
+    e.modelValue ? (a(), t("div", i({
+      key: 0,
+      class: "ev-loading"
+    }, {
+      [c(`${l.clickEventName}`)]: n[1] || (n[1] = (...s) => l.closeLoading && l.closeLoading(...s))
+    }), [
+      d("div", V, [
+        o.$slots.default ? r(o.$slots, "default", { key: 0 }) : (a(), t("i", {
+          key: 1,
+          class: m([e.iconClass || "ev-icon-refresh2", "ev-loading-icon"]),
+          style: u(e.iconStyle)
+        }, null, 6))
+      ])
+    ], 16)) : f("", !0)
+  ], 64));
+}
+const b = /* @__PURE__ */ E(L, [["render", N]]);
+export {
+  b as default
+};

package/dist/components/loading/index.js

@@ -0,0 +1,7 @@
+import o from "./Loading.vue.js";
+o.install = (a) => {
+  a.component(o.name, o);
+};
+export {
+  o as default
+};

package/dist/components/menu/Menu.vue.js

@@ -0,0 +1,66 @@
+import { resolveComponent as _, openBlock as m, createElementBlock as u, Fragment as b, renderList as d, createBlock as k, createSlots as v, withCtx as M, renderSlot as x, mergeProps as y, ref as g } from "vue";
+import i from "./MenuItem.vue.js";
+/* empty css          */
+import h from "../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  name: "EvMenu",
+  components: {
+    MenuItem: i
+  },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    expandable: {
+      type: Boolean,
+      default: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: l }) {
+    const e = g(t.items.filter((n) => t.modelValue === n.value));
+    return {
+      clickMenu: (n) => {
+        if (!n.disabled) {
+          const o = n.item;
+          l("update:modelValue", o.value), l("change", o, e.value), e.value = o;
+        }
+      },
+      component: i
+    };
+  }
+}, V = { class: "ev-menu" };
+function C(t, l, e, a, s, n) {
+  const o = _("menu-item");
+  return m(), u("ul", V, [
+    (m(!0), u(b, null, d(e.items, (r, p) => (m(), k(o, {
+      key: `${r.text}_${p}_0`,
+      item: r,
+      "selected-item": e.modelValue,
+      expandable: e.expandable,
+      disabled: e.disabled,
+      comp: a.component,
+      onClick: a.clickMenu
+    }, v({ _: 2 }, [
+      d(t.$slots, (E, c) => ({
+        name: c,
+        fn: M((f) => [
+          x(t.$slots, c, y({ ref_for: !0 }, f))
+        ])
+      }))
+    ]), 1032, ["item", "selected-item", "expandable", "disabled", "comp", "onClick"]))), 128))
+  ]);
+}
+const A = /* @__PURE__ */ h(B, [["render", C]]);
+export {
+  A as default
+};

package/dist/components/menu/MenuItem.vue.js

@@ -0,0 +1,125 @@
+import { ref as b, computed as x, openBlock as l, createElementBlock as d, normalizeClass as u, createElementVNode as s, createCommentVNode as c, renderSlot as v, createTextVNode as r, toDisplayString as o, Fragment as f, withDirectives as k, renderList as I, createBlock as C, resolveDynamicComponent as E, vShow as M } from "vue";
+/* empty css              */
+import w from "../../_virtual/_plugin-vue_export-helper.js";
+const V = {
+  name: "MenuItem",
+  props: {
+    selectedItem: {
+      type: [String, Number],
+      default: ""
+    },
+    item: {
+      type: Object,
+      default: () => {
+      },
+      validator: (t) => {
+        if (t.value) {
+          if (t.children !== void 0 && !Array.isArray(t.children))
+            return console.warn("[EVUI][Menu] children attribute must be 'Array' type."), !1;
+          if (t.expand !== void 0 && typeof t.expand != "boolean")
+            return console.warn("[EVUI][Menu] expand attribute must be 'Boolean' type."), !1;
+          if (t.hidden !== void 0 && typeof t.hidden != "boolean")
+            return console.warn("[EVUI][Menu] hidden attribute must be 'Boolean' type."), !1;
+          if (t.disabled !== void 0 && typeof t.disabled != "boolean")
+            return console.warn("[EVUI][Menu] disabled attribute must be 'Boolean' type."), !1;
+          if (t.slotKey !== void 0 && typeof t.slotKey != "string")
+            return console.warn("[EVUI][Menu] slotKey attribute must be 'String' type."), !1;
+        } else return console.warn("[EVUI][Menu] value attribute is required."), !1;
+        return !0;
+      }
+    },
+    depth: {
+      type: Number,
+      default: 1
+    },
+    expandable: {
+      type: Boolean,
+      default: !0
+    },
+    comp: {
+      type: Object,
+      default: () => {
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(t, { emit: i }) {
+    const e = t.expandable && t.item.expand !== void 0 && typeof t.item.expand == "boolean" ? t.item.expand : !0, n = b(e), m = x(() => !!t.item.children && !!t.item.children.length);
+    return {
+      isExpand: n,
+      hasChild: m,
+      clickMenu: (a) => {
+        m.value && a.depth === t.depth ? t.expandable && (n.value = !n.value) : i("click", a);
+      }
+    };
+  }
+}, B = { class: "text" };
+function _(t, i, e, n, m, h) {
+  return e.item.hidden ? c("", !0) : (l(), d("li", {
+    key: 0,
+    class: u([
+      "ev-menu-item",
+      `depth${e.depth}`,
+      { active: !e.item.disabled && e.item.value === e.selectedItem }
+    ])
+  }, [
+    s("div", {
+      class: u([
+        "ev-menu-title",
+        {
+          expandable: n.hasChild && e.expandable,
+          disabled: e.item.disabled
+        }
+      ]),
+      onClick: i[0] || (i[0] = (a) => n.clickMenu({ item: e.item, depth: e.depth, disabled: e.item.disabled }))
+    }, [
+      e.item.iconClass ? (l(), d("i", {
+        key: 0,
+        class: u(["front-icon", e.item.iconClass])
+      }, null, 2)) : c("", !0),
+      s("span", B, [
+        e.item.slotKey ? v(t.$slots, e.item.slotKey, {
+          key: 0,
+          item: e.item,
+          depth: e.depth,
+          selectedItem: e.selectedItem
+        }, () => [
+          r(o(e.item.text || e.item.value), 1)
+        ]) : (l(), d(f, { key: 1 }, [
+          r(o(e.item.text || e.item.value), 1)
+        ], 64))
+      ]),
+      e.expandable && n.hasChild ? (l(), d("span", {
+        key: 1,
+        class: u(["list-expend-icon", { expend: e.expandable && n.isExpand }])
+      }, [...i[1] || (i[1] = [
+        s("i", { class: "ev-icon-s-arrow-up" }, null, -1)
+      ])], 2)) : c("", !0)
+    ], 2),
+    n.hasChild ? k((l(), d("ol", {
+      key: 0,
+      class: u(["ev-menu-sub", `depth${e.depth}`])
+    }, [
+      (l(!0), d(f, null, I(e.item.children, (a, y) => (l(), C(E(e.comp), {
+        key: `${a.value}_${y}_${e.depth + 1}`,
+        depth: e.depth + 1,
+        item: a,
+        "selected-item": e.selectedItem,
+        expandable: e.expandable,
+        disabled: e.disabled,
+        comp: e.comp,
+        onClick: n.clickMenu
+      }, null, 8, ["depth", "item", "selected-item", "expandable", "disabled", "comp", "onClick"]))), 128))
+    ], 2)), [
+      [M, n.isExpand]
+    ]) : c("", !0)
+  ], 2));
+}
+const N = /* @__PURE__ */ w(V, [["render", _]]);
+export {
+  N as default
+};

package/dist/components/menu/index.js

@@ -0,0 +1,7 @@
+import e from "./Menu.vue.js";
+e.install = (n) => {
+  n.component(e.name, e);
+};
+export {
+  e as default
+};

package/dist/components/message/Message.vue.js

@@ -0,0 +1,122 @@
+import { openBlock as l, createBlock as y, Teleport as g, createVNode as v, Transition as w, withCtx as C, withDirectives as T, createElementVNode as m, normalizeClass as u, createElementBlock as a, createCommentVNode as d, toDisplayString as k, vShow as M, reactive as h, onMounted as S, onBeforeUnmount as B, toRefs as L } from "vue";
+/* empty css             */
+import _ from "../../_virtual/_plugin-vue_export-helper.js";
+const E = {
+  name: "EvMessage",
+  props: {
+    type: {
+      type: String,
+      default: "info",
+      validator: (t) => ["info", "success", "warning", "error"].includes(t)
+    },
+    message: {
+      type: String,
+      default: ""
+    },
+    duration: {
+      type: Number,
+      default: 3e3
+    },
+    showClose: {
+      type: Boolean,
+      default: !1
+    },
+    iconClass: {
+      type: String,
+      default: ""
+    },
+    onClose: {
+      type: Function,
+      default: null
+    },
+    useHTML: {
+      type: Boolean,
+      default: !1
+    },
+    unmount: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(t, s) {
+    const e = h({
+      timer: null,
+      isShow: !0
+    }), n = () => {
+      clearTimeout(e.timer), e.timer = null;
+    }, i = () => {
+      e.isShow = !1, t.onClose && t.onClose(), n(), t.unmount && setTimeout(t.unmount, 1e3);
+    }, r = () => {
+      t.duration > 0 && (e.timer = setTimeout(() => {
+        e.isShow && i();
+      }, t.duration));
+    }, o = (f) => {
+      f.keyCode === 27 && e.isShow && i();
+    }, c = () => {
+      i();
+    };
+    return S(() => {
+      r(), document.addEventListener("keydown", o);
+    }), B(() => {
+      document.removeEventListener("keydown", o), n();
+    }), s.expose({ hide: c }), {
+      startTimer: r,
+      clearTimer: n,
+      closeMsg: i,
+      ...L(e),
+      hide: c
+    };
+  }
+}, x = {
+  key: 0,
+  class: "ev-message-icon"
+}, H = ["innerHTML"], N = {
+  key: 2,
+  class: "ev-message-content"
+};
+function V(t, s, e, n, i, r) {
+  return l(), y(g, { to: "#ev-message-modal" }, [
+    v(w, {
+      name: "ev-message-fade",
+      appear: ""
+    }, {
+      default: C(() => [
+        T(m("div", {
+          ref: "msgRef",
+          class: u(["ev-message", {
+            [`type-${e.type}`]: !!e.type,
+            "show-close": e.showClose,
+            "has-icon": !!e.iconClass
+          }]),
+          onMouseenter: s[1] || (s[1] = (...o) => n.clearTimer && n.clearTimer(...o)),
+          onMouseleave: s[2] || (s[2] = (...o) => n.startTimer && n.startTimer(...o))
+        }, [
+          e.iconClass ? (l(), a("span", x, [
+            m("i", {
+              class: u(e.iconClass)
+            }, null, 2)
+          ])) : d("", !0),
+          e.useHTML ? (l(), a("div", {
+            key: 1,
+            class: "ev-message-content",
+            innerHTML: e.message
+          }, null, 8, H)) : (l(), a("div", N, k(e.message), 1)),
+          e.showClose ? (l(), a("span", {
+            key: 3,
+            class: "ev-message-close",
+            onClick: s[0] || (s[0] = (...o) => n.closeMsg && n.closeMsg(...o))
+          }, [...s[3] || (s[3] = [
+            m("i", { class: "ev-icon-close" }, null, -1)
+          ])])) : d("", !0)
+        ], 34), [
+          [M, t.isShow]
+        ])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const b = /* @__PURE__ */ _(E, [["render", V]]);
+export {
+  b as default
+};

package/dist/components/message/index.js

@@ -0,0 +1,16 @@
+import { defineComponent as l, h as i, render as m } from "vue";
+import p from "./Message.vue.js";
+const g = l(p), a = "ev-message-modal", d = document.createElement("div");
+d.id = a;
+const c = (e = {}) => {
+  document.getElementById(a) || document.body.appendChild(d);
+  const t = document.createElement("div"), n = () => m(null, t), r = typeof e == "string" ? { message: e, unmount: n } : { ...e, unmount: n }, s = i(g, r);
+  return m(s, t), s.component.exposed;
+};
+c.install = (e) => {
+  const o = e.config.globalProperties;
+  o.$message = c;
+};
+export {
+  c as default
+};