evui 3.4.214 → 3.5.0

package/dist/components/tabs/Tabs.vue.js

@@ -0,0 +1,220 @@
+import { resolveDirective as _, withDirectives as B, openBlock as p, createElementBlock as T, normalizeClass as k, createElementVNode as u, Fragment as I, createCommentVNode as w, normalizeStyle as N, renderList as O, mergeProps as P, withModifiers as y, toDisplayString as U, renderSlot as j, ref as h, computed as C, provide as A, reactive as L, onBeforeUpdate as F, nextTick as M, triggerRef as X } from "vue";
+import { ObserveVisibility as q } from "vue3-observe-visibility";
+import G from "vue-resize-observer";
+/* empty css          */
+import H from "../../_virtual/_plugin-vue_export-helper.js";
+const J = {
+  name: "EvTabs",
+  directives: {
+    observeVisibility: q,
+    resize: G
+  },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: null
+    },
+    panels: {
+      type: Array,
+      default: () => [],
+      validator: (n) => {
+        const s = n.map((e) => e.value), d = [...new Set(s)];
+        return n.length !== d.length ? (console.warn("[EVUI][Tabs] TabPanel 'value' attribute is duplicate values."), !1) : n.every((e) => Object.hasOwnProperty.call(e, "value")) ? !0 : (console.warn("[EVUI][Tabs] TabPanel 'value' attribute is essential."), !1);
+      }
+    },
+    closable: {
+      type: Boolean,
+      default: !1
+    },
+    stretch: {
+      type: Boolean,
+      default: !1
+    },
+    draggable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    "update:modelValue": [String, Number],
+    "update:panels": [Array],
+    change: [String, Number]
+  },
+  setup(n, { emit: s }) {
+    const d = h(!1), e = h([]), c = C({
+      get: () => n.modelValue,
+      set: (l) => {
+        s("update:modelValue", l), s("change", l);
+      }
+    });
+    A("evTabs", c);
+    const t = C({
+      get: () => n.panels,
+      set: (l) => s("update:panels", l)
+    }), S = C(() => !n.draggable || !d.value ? t.value : e.value), x = t.value.map((l) => l.value), r = h(null), m = h(null), f = h(!1), o = L({
+      x: 0
+    }), R = C(() => ({
+      transform: `translateX(${o.x}px)`
+    })), z = () => {
+      const l = r.value.offsetWidth, a = m.value.offsetWidth;
+      if (f.value = l < a, f.value) {
+        const v = l - a;
+        v > o.x && (o.x = v);
+      } else
+        o.x = 0;
+    };
+    F(() => {
+      if (x.length === t.value.length + 1) {
+        let l, a;
+        x.length > t.value.length ? (l = x, a = t.value.map((i) => i.value)) : (l = t.value.map((i) => i.value), a = x);
+        const v = l.filter((i) => !a.includes(i))[0];
+        if (c.value === v) {
+          const i = x.findIndex((g) => g === v);
+          i === 0 ? c.value = t.value[0].value : c.value = t.value[i - 1].value;
+        }
+      }
+    });
+    const D = (l) => {
+      c.value = l;
+    }, W = (l) => {
+      if (t.value.length < 2)
+        return;
+      const a = t.value.findIndex((v) => v.value === l);
+      if (a < 0) {
+        c.value = t.value[0].value;
+        return;
+      }
+      l === c.value && (a === 0 ? c.value = t.value[1].value : c.value = t.value[a - 1].value), t.value.splice(a, 1), M(() => {
+        x.splice(a, 1);
+      }), X(t);
+    }, E = (l, a = 100) => {
+      const v = r.value.offsetWidth, i = m.value.offsetWidth, g = v - i;
+      l === "next" && o.x !== g ? g >= o.x - a ? o.x = g : o.x -= a : l === "prev" && o.x !== 0 && (a * -1 <= o.x ? o.x = 0 : o.x += a);
+    }, b = L({
+      item: {},
+      idx: null
+    });
+    return {
+      mv: c,
+      computedTabList: S,
+      clickTab: D,
+      removeTab: W,
+      listWrapperRef: r,
+      listRef: m,
+      hasScroll: f,
+      listRefStyle: R,
+      scrollTab: E,
+      dragstartTab: (l, a) => {
+        n.draggable && (e.value = [...t.value], b.item = l, b.idx = a, d.value = !0);
+      },
+      dragoverTab: (l) => {
+        var i;
+        if (!n.draggable || ((i = b.item) == null ? void 0 : i.value) === l)
+          return;
+        const a = e.value.findIndex((g) => {
+          var V;
+          return g.value === ((V = b.item) == null ? void 0 : V.value);
+        }), v = e.value.findIndex((g) => g.value === l);
+        e.value.splice(a, 1), e.value.splice(v, 0, b.item);
+      },
+      dragendTab: () => {
+        n.draggable && (t.value = [...e.value], b.item = {}, b.idx = null, d.value = !1, e.value.splice(0));
+      },
+      dragSelectCls: (l) => {
+        var a;
+        return n.draggable && ((a = b.item) == null ? void 0 : a.value) === l;
+      },
+      selectIdxCls: (l) => n.draggable && b.idx === l,
+      onResize: () => {
+        z();
+      }
+    };
+  }
+}, K = { class: "ev-tabs-header" }, Q = {
+  ref: "listWrapperRef",
+  class: "ev-tabs-list-wrapper"
+}, Y = ["onClick", "onDragstart", "onDragover"], Z = ["title"], $ = ["onClick"], ee = { class: "ev-tabs-body" };
+function le(n, s, d, e, c, t) {
+  const S = _("resize"), x = _("observe-visibility");
+  return B((p(), T("section", {
+    class: k(["ev-tabs", {
+      closable: d.closable,
+      stretch: d.stretch
+    }])
+  }, [
+    u("div", K, [
+      u("div", {
+        class: k(["ev-tabs-nav-wrapper", {
+          "has-scroll": e.hasScroll
+        }])
+      }, [
+        e.hasScroll ? (p(), T(I, { key: 0 }, [
+          u("span", {
+            class: "ev-tabs-arrow prev",
+            onClick: s[0] || (s[0] = (r) => e.scrollTab("prev"))
+          }, [...s[3] || (s[3] = [
+            u("i", { class: "ev-icon-s-arrow-left" }, null, -1)
+          ])]),
+          u("span", {
+            class: "ev-tabs-arrow next",
+            onClick: s[1] || (s[1] = (r) => e.scrollTab("next"))
+          }, [...s[4] || (s[4] = [
+            u("i", { class: "ev-icon-s-arrow-right" }, null, -1)
+          ])])
+        ], 64)) : w("", !0),
+        u("div", Q, [
+          u("ul", {
+            ref: "listRef",
+            class: "ev-tabs-list",
+            style: N(e.listRefStyle)
+          }, [
+            (p(!0), T(I, null, O(e.computedTabList, (r, m) => (p(), T("li", P({
+              key: `${r.value}_${m}`,
+              class: "ev-tabs-title"
+            }, { ref_for: !0 }, { draggable: d.draggable }, {
+              class: {
+                active: r.value === e.mv,
+                "has-icon": r.iconClass,
+                "drag-select": e.dragSelectCls(r.value),
+                "select-idx": e.selectIdxCls(m)
+              },
+              onClick: (f) => e.clickTab(r.value),
+              onDragstart: y((f) => e.dragstartTab(r, m), ["stop"]),
+              onDragover: y((f) => e.dragoverTab(r.value), ["prevent"]),
+              onDragend: s[2] || (s[2] = y((...f) => e.dragendTab && e.dragendTab(...f), ["prevent"]))
+            }), [
+              r.iconClass ? (p(), T("i", {
+                key: 0,
+                class: k(["ev-tabs-icon", r.iconClass])
+              }, null, 2)) : w("", !0),
+              u("span", {
+                class: "text",
+                title: r.text
+              }, U(r.text), 9, Z),
+              d.closable ? (p(), T("span", {
+                key: 1,
+                class: "close-icon",
+                onClick: y((f) => e.removeTab(r.value), ["stop"])
+              }, [...s[5] || (s[5] = [
+                u("i", { class: "ev-icon-s-close" }, null, -1)
+              ])], 8, $)) : w("", !0)
+            ], 16, Y))), 128))
+          ], 4)
+        ], 512)
+      ], 2)
+    ]),
+    u("div", ee, [
+      j(n.$slots, "default")
+    ])
+  ], 2)), [
+    [S, e.onResize],
+    [x, {
+      callback: e.onResize,
+      once: !0
+    }]
+  ]);
+}
+const fe = /* @__PURE__ */ H(J, [["render", le]]);
+export {
+  fe as default
+};

package/dist/components/tabs/index.js

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

package/dist/components/textField/TextField.vue.js

@@ -0,0 +1,209 @@
+import { openBlock as i, createElementBlock as s, normalizeClass as f, createElementVNode as u, withDirectives as h, vModelText as I, Fragment as L, vModelDynamic as B, createCommentVNode as d, renderSlot as b, toDisplayString as c, createTextVNode as P, computed as y, ref as C, watch as S } from "vue";
+/* empty css               */
+import U from "../../_virtual/_plugin-vue_export-helper.js";
+const T = {
+  name: "EvTextField",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: null
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    clearable: {
+      type: Boolean,
+      default: !1
+    },
+    showPassword: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    maxLength: {
+      type: Number,
+      default: null
+    },
+    maxUnit: {
+      type: String,
+      default: "count"
+    },
+    showMaxLength: {
+      type: Boolean,
+      default: !1
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    autocomplete: {
+      type: String,
+      default: "off"
+    }
+  },
+  emits: ["update:modelValue", "focus", "blur", "input", "change", "search"],
+  setup(a, { emit: t }) {
+    const e = y({
+      get: () => a.modelValue,
+      set: (o) => t("update:modelValue", o)
+    }), l = C(!1), v = () => {
+      a.type === "password" && (l.value = !l.value);
+    }, x = y(() => a.type === "password" ? l.value ? "text" : "password" : a.type === "search" ? "text" : a.type);
+    S(
+      () => a.type,
+      (o) => {
+        o !== "password" && (l.value = !1);
+      }
+    );
+    const n = () => {
+      e.value = "";
+    }, g = () => {
+      t("search", e.value);
+    }, w = (o) => {
+      a.type === "search" && (o.key === "Enter" || o.keyCode === 13) && g();
+    }, M = (o) => {
+      t("focus", o);
+    }, V = (o) => {
+      t("blur", o);
+    }, m = (o) => new TextEncoder().encode(o).length, k = y(
+      () => a.maxUnit === "byte" ? m(e.value || "") : (e.value || "").length
+    );
+    return {
+      mv: e,
+      inputType: x,
+      isPasswordVisible: l,
+      clearValue: n,
+      changePasswordVisible: v,
+      searchValue: g,
+      keyupInput: w,
+      focusInput: M,
+      blurInput: V,
+      inputMv: (o) => {
+        let r = o.target.value;
+        if (a.maxLength && a.maxUnit === "byte") {
+          for (; m(r) > a.maxLength; )
+            r = r.slice(0, -1);
+          o.target.value = r;
+        }
+        e.value = r, t("input", r, o);
+      },
+      changeMv: (o) => t("change", e.value, o),
+      currentLength: k
+    };
+  }
+}, E = { class: "ev-text-field-wrapper" }, F = ["placeholder", "disabled", "readonly", "autocomplete", "maxlength"], N = ["type", "placeholder", "disabled", "readonly", "autocomplete", "maxlength"], D = {
+  key: 3,
+  class: "ev-text-field-icon icon-suffix"
+}, z = {
+  key: 4,
+  class: "ev-text-field-icon icon-prefix"
+}, K = {
+  key: 0,
+  class: "ev-text-field-error"
+}, j = { class: "curr-length" };
+function q(a, t, e, l, v, x) {
+  return i(), s("div", {
+    class: f(["ev-text-field", {
+      disabled: e.disabled,
+      clearable: e.clearable,
+      readonly: e.readonly,
+      error: !!e.errorMsg,
+      "show-password": e.showPassword,
+      "show-maxlength": e.showMaxLength,
+      [`type-${e.type}`]: !!e.type,
+      "ev-text-field-prefix": a.$slots["icon-prefix"],
+      "ev-text-field-suffix": a.$slots["icon-suffix"],
+      "ev-text-field-prefix-suffix": a.$slots["icon-prefix"] && a.$slots["icon-suffix"]
+    }])
+  }, [
+    u("div", E, [
+      e.type === "textarea" ? h((i(), s("textarea", {
+        key: 0,
+        "onUpdate:modelValue": t[0] || (t[0] = (n) => l.mv = n),
+        class: "ev-textarea",
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        autocomplete: e.autocomplete,
+        maxlength: e.maxUnit === "byte" ? null : e.maxLength,
+        onFocus: t[1] || (t[1] = (...n) => l.focusInput && l.focusInput(...n)),
+        onBlur: t[2] || (t[2] = (...n) => l.blurInput && l.blurInput(...n)),
+        onInput: t[3] || (t[3] = (...n) => l.inputMv && l.inputMv(...n)),
+        onChange: t[4] || (t[4] = (...n) => l.changeMv && l.changeMv(...n))
+      }, null, 40, F)), [
+        [I, l.mv]
+      ]) : (i(), s(L, { key: 1 }, [
+        h(u("input", {
+          "onUpdate:modelValue": t[5] || (t[5] = (n) => l.mv = n),
+          class: "ev-input",
+          type: l.inputType,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          autocomplete: e.autocomplete,
+          maxlength: e.maxUnit === "byte" ? null : e.maxLength,
+          onFocus: t[6] || (t[6] = (...n) => l.focusInput && l.focusInput(...n)),
+          onBlur: t[7] || (t[7] = (...n) => l.blurInput && l.blurInput(...n)),
+          onInput: t[8] || (t[8] = (...n) => l.inputMv && l.inputMv(...n)),
+          onChange: t[9] || (t[9] = (...n) => l.changeMv && l.changeMv(...n)),
+          onKeyup: t[10] || (t[10] = (...n) => l.keyupInput && l.keyupInput(...n))
+        }, null, 40, N), [
+          [B, l.mv]
+        ]),
+        e.type === "text" && e.clearable ? (i(), s("span", {
+          key: 0,
+          class: "ev-text-field-icon icon-clear",
+          onClick: t[11] || (t[11] = (...n) => l.clearValue && l.clearValue(...n))
+        }, [...t[14] || (t[14] = [
+          u("i", { class: "ev-icon-error" }, null, -1)
+        ])])) : d("", !0),
+        e.type === "password" && e.showPassword ? (i(), s("span", {
+          key: 1,
+          class: f(["ev-text-field-icon icon-password", { on: l.isPasswordVisible }]),
+          onClick: t[12] || (t[12] = (...n) => l.changePasswordVisible && l.changePasswordVisible(...n))
+        }, [
+          u("i", {
+            class: f(l.isPasswordVisible ? "ev-icon-visibility" : "ev-icon-visibility-off")
+          }, null, 2)
+        ], 2)) : d("", !0),
+        e.type === "search" ? (i(), s("span", {
+          key: 2,
+          class: "ev-text-field-icon icon-search",
+          onClick: t[13] || (t[13] = (...n) => l.searchValue && l.searchValue(...n))
+        }, [...t[15] || (t[15] = [
+          u("i", { class: "ev-icon-search" }, null, -1)
+        ])])) : d("", !0),
+        a.$slots["icon-suffix"] ? (i(), s("span", D, [
+          b(a.$slots, "icon-suffix")
+        ])) : d("", !0),
+        a.$slots["icon-prefix"] ? (i(), s("span", z, [
+          b(a.$slots, "icon-prefix")
+        ])) : d("", !0)
+      ], 64))
+    ]),
+    e.errorMsg ? (i(), s("div", K, c(e.errorMsg), 1)) : d("", !0),
+    e.maxLength && e.showMaxLength ? (i(), s("div", {
+      key: 1,
+      class: f(["ev-text-field-maxlength", { max: l.currentLength > e.maxLength }])
+    }, [
+      u("span", j, c(l.currentLength), 1),
+      P(" / " + c(e.maxLength) + c(e.maxUnit === "byte" ? " Bytes" : ""), 1)
+    ], 2)) : d("", !0)
+  ], 2);
+}
+const Q = /* @__PURE__ */ U(T, [["render", q]]);
+export {
+  Q as default
+};

package/dist/components/textField/index.js

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

package/dist/components/timePicker/TimePicker.vue.js

@@ -0,0 +1,227 @@
+import { resolveComponent as p, openBlock as c, createElementBlock as m, createElementVNode as u, normalizeClass as v, withDirectives as f, vModelText as T, createVNode as y, createBlock as g, createCommentVNode as b, computed as E, ref as I, reactive as S } from "vue";
+/* empty css                */
+import x from "../../_virtual/_plugin-vue_export-helper.js";
+const V = {
+  name: "EvTimePicker",
+  props: {
+    modelValue: {
+      type: [Array, String],
+      default: "",
+      validator: (t) => {
+        const l = /^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/;
+        return Array.isArray(t) && (!l.test(t[0]) || !l.test(t[1])) || !Array.isArray(t) && !l.test(t) ? (console.warn("[EVUI][TimePicker] Please check the time format in the Timepicker."), !1) : !0;
+      }
+    },
+    type: {
+      type: String,
+      default: "range"
+    },
+    clearable: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: [String, Array],
+      required: !1,
+      default: void 0
+    }
+  },
+  emits: {
+    "update:modelValue": null,
+    focus: null,
+    blur: null,
+    change: null
+  },
+  setup(t, { emit: l }) {
+    const e = E({
+      get: () => t.modelValue,
+      set: (n) => {
+        if (t.type === "range") {
+          if (Array.isArray(n)) {
+            const s = n[0] > n[1] ? "00:00" : n[0], h = s.value > n[1] ? "23:59" : n[1];
+            l("update:modelValue", [s, h]);
+          }
+        } else
+          l("update:modelValue", n);
+      }
+    }), a = E(() => {
+      const n = ["start time", "end time"];
+      return Array.isArray(t.placeholder) ? [
+        typeof t.placeholder[0] == "string" ? t.placeholder[0] : n[0],
+        typeof t.placeholder[1] == "string" ? t.placeholder[1] : n[1]
+      ] : typeof t.placeholder == "string" ? [t.placeholder, t.placeholder] : n;
+    }), o = I(
+      Array.isArray(e.value) ? [`${e.value[0]}`, `${e.value[1]}`] : `${e.value}`
+    ), d = S({
+      single: !1,
+      rangeStart: !1,
+      rangeEnd: !1
+    }), i = (n) => /^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/.test(n), r = () => {
+      Array.isArray(e.value) && (i(e.value[0]) || (e.value[0] = o.value[0]), e.value[1] && e.value[0] > e.value[1] && (e.value[0] = e.value[1]), o.value[0] = e.value[0]);
+    }, k = () => {
+      Array.isArray(e.value) && (i(e.value[1]) || (e.value[1] = o.value[1]), e.value[0] && e.value[0] > e.value[1] && (e.value[1] = o.value[1], e.value[0] > o.value[1] && (e.value[1] = e.value[0])), o.value[1] = e.value[1]);
+    };
+    return {
+      time: e,
+      isWrongType: d,
+      previousValue: o,
+      clearContents: () => {
+        e.value = "", d.single = !0;
+      },
+      clearStartTime: () => {
+        e.value[0] = "", d.rangeStart = !0;
+      },
+      clearEndTime: () => {
+        e.value[1] = "", d.rangeEnd = !0;
+      },
+      focusInputTime: (n) => {
+        l("focus", n);
+      },
+      blurInputTime: (n) => {
+        l("blur", n);
+      },
+      changeTime: (n) => {
+        i(e.value) ? o.value = e.value : e.value = o.value, d.single = !i(e.value), l("change", n, e.value);
+      },
+      focusInputStartTime: (n) => {
+        l("focus", n);
+      },
+      blurInputStartTime: (n) => {
+        l("blur", n);
+      },
+      changeStartTime: (n) => {
+        r(), d.rangeStart = !1, l("change", n, e.value);
+      },
+      focusInputEndTime: (n) => {
+        l("focus", n);
+      },
+      blurInputEndTime: (n) => {
+        l("blur", n);
+      },
+      changeEndTime: (n) => {
+        k(), d.rangeEnd = !1, l("change", n, e.value);
+      },
+      placeholders: a
+    };
+  }
+}, A = { class: "ev-time-picker" }, C = {
+  key: 0,
+  class: "ev-time-picker-range"
+}, B = ["disabled", "readonly", "placeholder"], w = ["disabled", "readonly", "placeholder"], P = {
+  key: 1,
+  class: "ev-time-picker-single"
+}, U = ["disabled", "readonly", "placeholder"];
+function W(t, l, e, a, o, d) {
+  const i = p("ev-icon");
+  return c(), m("div", A, [
+    e.type === "range" ? (c(), m("div", C, [
+      u("div", {
+        class: v([{
+          error: a.isWrongType.rangeStart,
+          clearable: e.clearable,
+          disabled: e.disabled,
+          readonly: e.readonly
+        }, "ev-time-picker-wrapper"])
+      }, [
+        f(u("input", {
+          "onUpdate:modelValue": l[0] || (l[0] = (r) => a.time[0] = r),
+          class: "ev-input",
+          disabled: e.disabled,
+          readonly: e.readonly,
+          placeholder: a.placeholders[0],
+          onFocus: l[1] || (l[1] = (...r) => a.focusInputStartTime && a.focusInputStartTime(...r)),
+          onBlur: l[2] || (l[2] = (...r) => a.blurInputStartTime && a.blurInputStartTime(...r)),
+          onChange: l[3] || (l[3] = (...r) => a.changeStartTime && a.changeStartTime(...r))
+        }, null, 40, B), [
+          [T, a.time[0]]
+        ]),
+        y(i, {
+          icon: "ev-icon-time",
+          class: "ev-input-prefix"
+        }),
+        e.clearable ? (c(), g(i, {
+          key: 0,
+          icon: "ev-icon-error",
+          class: "ev-input-suffix",
+          onClick: a.clearStartTime
+        }, null, 8, ["onClick"])) : b("", !0)
+      ], 2),
+      l[12] || (l[12] = u("p", { class: "tilde" }, "~", -1)),
+      u("div", {
+        class: v([{
+          error: a.isWrongType.rangeEnd,
+          clearable: e.clearable,
+          disabled: e.disabled,
+          readonly: e.readonly
+        }, "ev-time-picker-wrapper"])
+      }, [
+        f(u("input", {
+          "onUpdate:modelValue": l[4] || (l[4] = (r) => a.time[1] = r),
+          class: "ev-input",
+          disabled: e.disabled,
+          readonly: e.readonly,
+          placeholder: a.placeholders[1],
+          onFocus: l[5] || (l[5] = (...r) => a.focusInputEndTime && a.focusInputEndTime(...r)),
+          onBlur: l[6] || (l[6] = (...r) => a.blurInputEndTime && a.blurInputEndTime(...r)),
+          onChange: l[7] || (l[7] = (...r) => a.changeEndTime && a.changeEndTime(...r))
+        }, null, 40, w), [
+          [T, a.time[1]]
+        ]),
+        y(i, {
+          icon: "ev-icon-time",
+          class: "ev-input-prefix"
+        }),
+        e.clearable ? (c(), g(i, {
+          key: 0,
+          icon: "ev-icon-error",
+          class: "ev-input-suffix",
+          onClick: a.clearEndTime
+        }, null, 8, ["onClick"])) : b("", !0)
+      ], 2)
+    ])) : (c(), m("div", P, [
+      u("div", {
+        class: v([{
+          error: a.isWrongType.single,
+          clearable: e.clearable,
+          disabled: e.disabled,
+          readonly: e.readonly
+        }, "ev-time-picker-wrapper"])
+      }, [
+        f(u("input", {
+          "onUpdate:modelValue": l[8] || (l[8] = (r) => a.time = r),
+          class: "ev-input",
+          disabled: e.disabled,
+          readonly: e.readonly,
+          placeholder: typeof e.placeholder == "string" ? e.placeholder : "Enter time",
+          onFocus: l[9] || (l[9] = (...r) => a.focusInputTime && a.focusInputTime(...r)),
+          onBlur: l[10] || (l[10] = (...r) => a.blurInputTime && a.blurInputTime(...r)),
+          onChange: l[11] || (l[11] = (...r) => a.changeTime && a.changeTime(...r))
+        }, null, 40, U), [
+          [T, a.time]
+        ]),
+        y(i, {
+          icon: "ev-icon-time",
+          class: "ev-input-prefix"
+        }),
+        e.clearable ? (c(), g(i, {
+          key: 0,
+          icon: "ev-icon-error",
+          class: "ev-input-suffix",
+          onClick: a.clearContents
+        }, null, 8, ["onClick"])) : b("", !0)
+      ], 2)
+    ]))
+  ]);
+}
+const X = /* @__PURE__ */ x(V, [["render", W]]);
+export {
+  X as default
+};

package/dist/components/timePicker/index.js

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