mhz-ui 1.0.15 → 1.0.16

package/dist/UiInput/UiInput.d.ts

@@ -21,9 +21,6 @@ declare const _default: import("vue").DefineComponent<{
     isCenter: {
         type: import("vue").PropType<boolean>;
     };
-    isPhone: {
-        type: import("vue").PropType<boolean>;
-    };
     isCopy: {
         type: import("vue").PropType<boolean>;
     };
@@ -49,9 +46,6 @@ declare const _default: import("vue").DefineComponent<{
     isCenter: {
         type: import("vue").PropType<boolean>;
     };
-    isPhone: {
-        type: import("vue").PropType<boolean>;
-    };
     isCopy: {
         type: import("vue").PropType<boolean>;
     };

package/dist/UiInput/UiInput.js

@@ -1,199 +1,18 @@
 import "./UiInput.css";
-import { openBlock as b, createElementBlock as B, createStaticVNode as I, defineComponent as x, ref as N, onMounted as W, nextTick as U, withKeys as j, normalizeClass as _, withDirectives as L, createElementVNode as J, mergeProps as Z, unref as A, createBlock as z, resolveDynamicComponent as D, createCommentVNode as F } from "vue";
-import { _ as q } from "../_plugin-vue_export-helper-dad06003.js";
-/*! maska v2.1.10 | (c) Alexander Shabunevich | Released under the MIT license */
-var H = Object.defineProperty, K = (n, t, e) => t in n ? H(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, g = (n, t, e) => (K(n, typeof t != "symbol" ? t + "" : t, e), e);
-const R = {
-  "#": { pattern: /[0-9]/ },
-  "@": { pattern: /[a-zA-Z]/ },
-  "*": { pattern: /[a-zA-Z0-9]/ }
-};
-class V {
-  constructor(t = {}) {
-    g(this, "opts", {}), g(this, "memo", /* @__PURE__ */ new Map());
-    const e = { ...t };
-    if (e.tokens != null) {
-      e.tokens = e.tokensReplace ? { ...e.tokens } : { ...R, ...e.tokens };
-      for (const s of Object.values(e.tokens))
-        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
-    } else
-      e.tokens = R;
-    Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, a) => s.length - a.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
-  }
-  masked(t) {
-    return this.process(t, this.findMask(t));
-  }
-  unmasked(t) {
-    return this.process(t, this.findMask(t), !1);
-  }
-  isEager() {
-    return this.opts.eager === !0;
-  }
-  isReversed() {
-    return this.opts.reversed === !0;
-  }
-  completed(t) {
-    const e = this.findMask(t);
-    if (this.opts.mask == null || e == null)
-      return !1;
-    const s = this.process(t, e).length;
-    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : typeof this.opts.mask == "function" ? s >= e.length : this.opts.mask.filter((a) => s >= a.length).length === this.opts.mask.length;
-  }
-  findMask(t) {
-    const e = this.opts.mask;
-    if (e == null)
-      return null;
-    if (typeof e == "string")
-      return e;
-    if (typeof e == "function")
-      return e(t);
-    const s = this.process(t, e.slice(-1).pop() ?? "", !1);
-    return e.find((a) => this.process(t, a, !1).length >= s.length) ?? "";
-  }
-  escapeMask(t) {
-    const e = [], s = [];
-    return t.split("").forEach((a, o) => {
-      a === "!" && t[o - 1] !== "!" ? s.push(o - s.length) : e.push(a);
-    }), { mask: e.join(""), escaped: s };
-  }
-  process(t, e, s = !0) {
-    var a;
-    if (e == null)
-      return t;
-    const o = `value=${t},mask=${e},masked=${s ? 1 : 0}`;
-    if (this.memo.has(o))
-      return this.memo.get(o);
-    const { mask: i, escaped: l } = this.escapeMask(e), u = [], m = this.opts.tokens != null ? this.opts.tokens : {}, p = this.isReversed() ? -1 : 1, h = this.isReversed() ? "unshift" : "push", v = this.isReversed() ? 0 : i.length - 1, T = this.isReversed() ? () => r > -1 && d > -1 : () => r < i.length && d < t.length, S = (k) => !this.isReversed() && k <= v || this.isReversed() && k >= v;
-    let E, f = -1, r = this.isReversed() ? i.length - 1 : 0, d = this.isReversed() ? t.length - 1 : 0;
-    for (; T(); ) {
-      const k = i.charAt(r), c = m[k], y = c?.transform != null ? c.transform(t.charAt(d)) : t.charAt(d);
-      if (!l.includes(r) && c != null) {
-        if (y.match(c.pattern) != null)
-          u[h](y), c.repeated ? (f === -1 ? f = r : r === v && r !== f && (r = f - p), v === f && (r -= p)) : c.multiple && (r -= p), r += p;
-        else if (c.multiple) {
-          const $ = ((a = u[d - p]) == null ? void 0 : a.match(c.pattern)) != null, C = i.charAt(r + p);
-          $ && C !== "" && m[C] == null ? (r += p, d -= p) : u[h]("");
-        } else
-          y === E ? E = void 0 : c.optional && (r += p, d -= p);
-        d += p;
-      } else
-        s && !this.isEager() && u[h](k), y === k && !this.isEager() ? d += p : E = k, this.isEager() || (r += p);
-      if (this.isEager())
-        for (; S(r) && (m[i.charAt(r)] == null || l.includes(r)); )
-          s ? u[h](i.charAt(r)) : i.charAt(r) === t.charAt(d) && (d += p), r += p;
-    }
-    return this.memo.set(o, u.join("")), this.memo.get(o);
-  }
-}
-const P = (n) => JSON.parse(n.replaceAll("'", '"')), O = (n, t = {}) => {
-  const e = { ...t };
-  return n.dataset.maska != null && n.dataset.maska !== "" && (e.mask = G(n.dataset.maska)), n.dataset.maskaEager != null && (e.eager = M(n.dataset.maskaEager)), n.dataset.maskaReversed != null && (e.reversed = M(n.dataset.maskaReversed)), n.dataset.maskaTokensReplace != null && (e.tokensReplace = M(n.dataset.maskaTokensReplace)), n.dataset.maskaTokens != null && (e.tokens = Q(n.dataset.maskaTokens)), e;
-}, M = (n) => n !== "" ? !!JSON.parse(n) : !0, G = (n) => n.startsWith("[") && n.endsWith("]") ? P(n) : n, Q = (n) => {
-  if (n.startsWith("{") && n.endsWith("}"))
-    return P(n);
-  const t = {};
-  return n.split("|").forEach((e) => {
-    const s = e.split(":");
-    t[s[0]] = {
-      pattern: new RegExp(s[1]),
-      optional: s[2] === "optional",
-      multiple: s[2] === "multiple",
-      repeated: s[2] === "repeated"
-    };
-  }), t;
-};
-class X {
-  constructor(t, e = {}) {
-    g(this, "items", /* @__PURE__ */ new Map()), g(this, "beforeinputEvent", (s) => {
-      const a = s.target, o = this.items.get(a);
-      o.isEager() && "inputType" in s && s.inputType.startsWith("delete") && o.unmasked(a.value).length <= 1 && this.setMaskedValue(a, "");
-    }), g(this, "inputEvent", (s) => {
-      if (s instanceof CustomEvent && s.type === "input" && s.detail != null && typeof s.detail == "object" && "masked" in s.detail)
-        return;
-      const a = s.target, o = this.items.get(a), i = a.value, l = a.selectionStart, u = a.selectionEnd;
-      let m = i;
-      if (o.isEager()) {
-        const p = o.masked(i), h = o.unmasked(i);
-        h === "" && "data" in s && s.data != null ? m = s.data : h !== o.unmasked(p) && (m = h);
-      }
-      if (this.setMaskedValue(a, m), "inputType" in s && (s.inputType.startsWith("delete") || l != null && l < i.length))
-        try {
-          a.setSelectionRange(l, u);
-        } catch {
-        }
-    }), this.options = e, typeof t == "string" ? this.init(
-      Array.from(document.querySelectorAll(t)),
-      this.getMaskOpts(e)
-    ) : this.init(
-      "length" in t ? Array.from(t) : [t],
-      this.getMaskOpts(e)
-    );
-  }
-  destroy() {
-    for (const t of this.items.keys())
-      t.removeEventListener("input", this.inputEvent), t.removeEventListener("beforeinput", this.beforeinputEvent);
-    this.items.clear();
-  }
-  needUpdateOptions(t, e) {
-    const s = this.items.get(t), a = new V(O(t, this.getMaskOpts(e)));
-    return JSON.stringify(s.opts) !== JSON.stringify(a.opts);
-  }
-  needUpdateValue(t) {
-    const e = t.dataset.maskaValue;
-    return e == null && t.value !== "" || e != null && e !== t.value;
-  }
-  getMaskOpts(t) {
-    const { onMaska: e, preProcess: s, postProcess: a, ...o } = t;
-    return o;
-  }
-  init(t, e) {
-    for (const s of t) {
-      const a = new V(O(s, e));
-      this.items.set(s, a), s.value !== "" && this.setMaskedValue(s, s.value), s.addEventListener("input", this.inputEvent), s.addEventListener("beforeinput", this.beforeinputEvent);
-    }
-  }
-  setMaskedValue(t, e) {
-    const s = this.items.get(t);
-    this.options.preProcess != null && (e = this.options.preProcess(e));
-    const a = s.masked(e), o = s.unmasked(s.isEager() ? a : e), i = s.completed(e), l = { masked: a, unmasked: o, completed: i };
-    e = a, this.options.postProcess != null && (e = this.options.postProcess(e)), t.value = e, t.dataset.maskaValue = e, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((u) => u(l)) : this.options.onMaska(l)), t.dispatchEvent(new CustomEvent("maska", { detail: l })), t.dispatchEvent(new CustomEvent("input", { detail: l }));
-  }
-}
-const w = /* @__PURE__ */ new WeakMap(), Y = (n) => {
-  setTimeout(() => {
-    var t;
-    ((t = w.get(n)) == null ? void 0 : t.needUpdateValue(n)) === !0 && n.dispatchEvent(new CustomEvent("input"));
-  });
-}, ee = (n, t) => {
-  const e = n instanceof HTMLInputElement ? n : n.querySelector("input"), s = { ...t.arg };
-  if (e == null || e?.type === "file")
-    return;
-  Y(e);
-  const a = w.get(e);
-  if (a != null) {
-    if (!a.needUpdateOptions(e, s))
-      return;
-    a.destroy();
-  }
-  if (t.value != null) {
-    const o = t.value, i = (l) => {
-      o.masked = l.masked, o.unmasked = l.unmasked, o.completed = l.completed;
-    };
-    s.onMaska = s.onMaska == null ? i : Array.isArray(s.onMaska) ? [...s.onMaska, i] : [s.onMaska, i];
-  }
-  w.set(e, new X(e, s));
-}, te = {
+import { openBlock as l, createElementBlock as c, createStaticVNode as r, defineComponent as m, ref as f, onMounted as h, nextTick as y, withKeys as _, normalizeClass as s, createElementVNode as C, mergeProps as g, createBlock as v, resolveDynamicComponent as k, unref as B, createCommentVNode as b } from "vue";
+import { _ as I } from "../_plugin-vue_export-helper-dad06003.js";
+const w = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none"
-}, se = /* @__PURE__ */ I('<g fill="currentColor" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M11.5 11.5v-1c.25.005 2.485-.016 2.734-.031.433-.057.678-.302.735-.735.02-2.666.02-5.333 0-8-.057-.432-.302-.677-.735-.734-2.666-.02-5.333-.02-8 0-.432.057-.677.302-.734.734-.016.25-.005 1.516 0 1.766h-1a69.046 69.046 0 0 1 0-2.078C4.682.656 5.156.182 5.922 0c2.875-.02 5.75-.02 8.625 0 .765.182 1.24.656 1.422 1.422.02 2.875.02 5.75 0 8.625-.182.765-.656 1.24-1.422 1.422-.354.015-2.693.036-3.047.031Z"></path><path d="M2.5 3.5h1c2.2-.005 4.8-.016 7 0 .923.197 1.285.578 1.5 1.5.016 2.217-.029 5.131-.034 7.348v1.044c.145.963-.17 1.73-.943 2.298-.24.153-.5.25-.78.294-2.84.021-5.68.021-8.52 0-.923-.197-1.492-.757-1.707-1.68A665.626 665.626 0 0 1 0 5c.215-.922.577-1.303 1.5-1.5.292-.016.707-.005 1 0Zm-.5 1c2.601-.005 5.399-.016 8 0 .623.06.94.375 1 1 .022 2.608-.07 5.805-.091 8.413-.06.625-.401.968-1.024 1.027-2.602.022-5.203.022-7.804 0-.623-.06-.965-.402-1.024-1.027C1.035 11.305.978 8.108 1 5.5c0-.697.383-.93 1-1Z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"></path></clipPath></defs>', 2), ne = [
-  se
+}, V = /* @__PURE__ */ r('<g fill="currentColor" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M11.5 11.5v-1c.25.005 2.485-.016 2.734-.031.433-.057.678-.302.735-.735.02-2.666.02-5.333 0-8-.057-.432-.302-.677-.735-.734-2.666-.02-5.333-.02-8 0-.432.057-.677.302-.734.734-.016.25-.005 1.516 0 1.766h-1a69.046 69.046 0 0 1 0-2.078C4.682.656 5.156.182 5.922 0c2.875-.02 5.75-.02 8.625 0 .765.182 1.24.656 1.422 1.422.02 2.875.02 5.75 0 8.625-.182.765-.656 1.24-1.422 1.422-.354.015-2.693.036-3.047.031Z"></path><path d="M2.5 3.5h1c2.2-.005 4.8-.016 7 0 .923.197 1.285.578 1.5 1.5.016 2.217-.029 5.131-.034 7.348v1.044c.145.963-.17 1.73-.943 2.298-.24.153-.5.25-.78.294-2.84.021-5.68.021-8.52 0-.923-.197-1.492-.757-1.707-1.68A665.626 665.626 0 0 1 0 5c.215-.922.577-1.303 1.5-1.5.292-.016.707-.005 1 0Zm-.5 1c2.601-.005 5.399-.016 8 0 .623.06.94.375 1 1 .022 2.608-.07 5.805-.091 8.413-.06.625-.401.968-1.024 1.027-2.602.022-5.203.022-7.804 0-.623-.06-.965-.402-1.024-1.027C1.035 11.305.978 8.108 1 5.5c0-.697.383-.93 1-1Z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"></path></clipPath></defs>', 2), $ = [
+  V
 ];
-function ae(n, t) {
-  return b(), B("svg", te, ne);
+function x(d, n) {
+  return l(), c("svg", w, $);
 }
-const ie = { render: ae }, oe = ["data-mode", "tabindex"], le = ["value", "disabled", "data-maska", "data-mode", "data-center", "data-append-icon", "tabindex"], re = /* @__PURE__ */ x({
+const M = { render: x }, N = ["data-mode", "tabindex"], D = ["value", "disabled", "data-mode", "data-center", "data-append-icon", "tabindex"], F = /* @__PURE__ */ m({
   __name: "UiInput",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: "" },
@@ -202,58 +21,54 @@ const ie = { render: ae }, oe = ["data-mode", "tabindex"], le = ["value", "disab
     appendIcon: { type: [Function, Object], default: void 0 },
     isFocus: { type: Boolean },
     isCenter: { type: Boolean },
-    isPhone: { type: Boolean },
     isCopy: { type: Boolean }
   },
   emits: ["update:modelValue", "toggle"],
-  setup(n, { emit: t }) {
-    const e = n;
-    function s(i) {
-      t("update:modelValue", i.value);
+  setup(d, { emit: n }) {
+    const e = d;
+    function p(t) {
+      n("update:modelValue", t.value);
     }
-    const a = N();
-    function o() {
+    const i = f();
+    function u() {
       e.isCopy && e.modelValue && navigator.clipboard.writeText(e.modelValue.toString());
     }
-    return W(async () => {
-      e.isFocus && (await U(), a.value?.focus());
-    }), (i, l) => (b(), B("div", {
-      onClick: l[1] || (l[1] = (u) => t("toggle")),
-      onKeydown: l[2] || (l[2] = j((u) => t("toggle"), ["space"])),
-      class: _(i.$style.inputBlock),
+    return h(async () => {
+      e.isFocus && (await y(), i.value?.focus());
+    }), (t, o) => (l(), c("div", {
+      onClick: o[1] || (o[1] = (a) => n("toggle")),
+      onKeydown: o[2] || (o[2] = _((a) => n("toggle"), ["space"])),
+      class: s(t.$style.inputBlock),
       "data-mode": e.mode,
       tabindex: e.mode === "default" ? "-1" : "0"
     }, [
-      L(J("input", Z({
+      C("input", g({
         value: e.modelValue,
-        onInput: l[0] || (l[0] = (u) => s(u.target)),
+        onInput: o[0] || (o[0] = (a) => p(a.target)),
         disabled: e.isDisabled,
-        class: i.$style.input,
+        class: t.$style.input,
         ref_key: "input",
-        ref: a
-      }, i.$attrs, {
-        "data-maska": e.isPhone ? "+7 (###) ###-##-##" : null,
+        ref: i
+      }, t.$attrs, {
         "data-mode": e.mode,
         "data-center": e.isCenter,
         "data-append-icon": !!e.appendIcon || e.isCopy,
         tabindex: e.mode === "default" ? "0" : "-1"
-      }), null, 16, le), [
-        [A(ee)]
-      ]),
-      e.appendIcon || e.isCopy ? (b(), z(D(e.isCopy ? A(ie) : e.appendIcon), {
+      }), null, 16, D),
+      e.appendIcon || e.isCopy ? (l(), v(k(e.isCopy ? B(M) : e.appendIcon), {
         key: 0,
-        onClick: o,
-        class: _(i.$style.icon)
-      }, null, 8, ["class"])) : F("", !0)
-    ], 42, oe));
-  }
-}), pe = "_inputBlock_18lh2_1", ue = "_input_18lh2_1", de = "_icon_18lh2_47", ce = {
-  inputBlock: pe,
-  input: ue,
-  icon: de
-}, he = {
-  $style: ce
-}, fe = /* @__PURE__ */ q(re, [["__cssModules", he]]);
+        onClick: u,
+        class: s(t.$style.icon)
+      }, null, 8, ["class"])) : b("", !0)
+    ], 42, N));
+  }
+}), P = "_inputBlock_18lh2_1", S = "_input_18lh2_1", Z = "_icon_18lh2_47", z = {
+  inputBlock: P,
+  input: S,
+  icon: Z
+}, E = {
+  $style: z
+}, U = /* @__PURE__ */ I(F, [["__cssModules", E]]);
 export {
-  fe as default
+  U as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "mhz-ui",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",
@@ -29,7 +29,6 @@
     "@vueform/slider": "2.1.7",
     "@vueuse/core": "10.4.1",
     "@vueuse/integrations": "10.4.1",
-    "maska": "2.1.10",
     "perfect-debounce": "1.0.0",
     "vue": "3.3.4",
     "vue-router": "4.2.4"