@topvisor/ui 1.0.3 → 1.0.6

package/formsExt/formsExt.js

@@ -1,10 +1,10 @@
 import Q from "../core/core.js";
 import { defineComponent as L, ref as V, computed as N, resolveDirective as x, openBlock as c, createElementBlock as v, normalizeClass as I, toDisplayString as $, createCommentVNode as T, createElementVNode as E, withDirectives as Y, createVNode as F, withKeys as O, withModifiers as S, createBlock as C, withCtx as w, createTextVNode as B, watch as k, toRef as q, mergeProps as X, mergeModels as D, useModel as j, Fragment as P, renderList as H, vModelRadio as ee, unref as M, renderSlot as te } from "vue";
-import { s as oe, T as z, _ as K, r as le, q as ae, C as se } from "../.chunks/forms-D9r2-H5Y.es.js";
+import { w as oe, T as z, _ as K, v as le, r as ae, C as se } from "../.chunks/forms-CHiMZ8vg.es.js";
 import { invertKeyboardLayout as re } from "../utils/keyboard.js";
 import { TopPopup as ne, TopPopupWidgetInput as ie, TopPopupListItem as R } from "../popup/popup.js";
-import { M as ue } from "../.chunks/menu-B0Ul7Kbg.es.js";
-const Z = ["../assets/formsExt.css"].map((s) => import.meta.resolve(s));
+import { M as ue } from "../.chunks/menu-CHeV29rC.es.js";
+const Z = ["../assets/formsExt.css"].map((r) => import.meta.resolve(r));
 Q.insertCSSLinkToPage(Z, !0);
 const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
   __name: "editArea",
@@ -29,11 +29,11 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
     hint: {}
   },
   emits: ["submit", "close", "clickOnTitle"],
-  setup(s, { emit: d }) {
-    const e = s, a = d, m = V(e.defaultValue), f = V(e.isFocused), r = N(() => m.value !== e.defaultValue), p = N(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !r.value ? e.closeText : e.cancelText), i = (u) => {
+  setup(r, { emit: d }) {
+    const e = r, a = d, m = V(e.defaultValue), f = V(e.isFocused), n = N(() => m.value !== e.defaultValue), p = N(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !n.value ? e.closeText : e.cancelText), i = (u) => {
       a("submit", u), m.value = e.defaultValue;
     }, y = () => {
-      if (e.forceShowCloseBtn && !r.value) {
+      if (e.forceShowCloseBtn && !n.value) {
         a("close");
         return;
       }
@@ -84,7 +84,7 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
             [g, { disabled: !f.value }]
           ]),
           E("div", de, [
-            r.value || u.forceShowCloseBtn ? (c(), C(z, {
+            n.value || u.forceShowCloseBtn ? (c(), C(z, {
               key: 0,
               class: "top-editArea_button",
               color: "theme",
@@ -97,7 +97,7 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
               ]),
               _: 1
             }, 8, ["icon"])) : T("", !0),
-            r.value ? (c(), C(z, {
+            n.value ? (c(), C(z, {
               key: 1,
               class: "top-editArea_button",
               icon: u.attachToKeyboard ? "" : "",
@@ -135,26 +135,26 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
     button: {}
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: d }) {
-    const e = s, a = V(e.modelValue);
+  setup(r, { emit: d }) {
+    const e = r, a = V(e.modelValue);
     k(q(e.modelValue), () => {
       a.value = e.modelValue;
     });
     const m = d, f = () => {
       m("update:modelValue", a.value);
     };
-    return (r, p) => (c(), v("div", ve, [
-      F(le, X(r.input, {
-        onKeydownCapture: p[0] || (p[0] = O(S((i) => a.value = r.modelValue, ["stop"]), ["esc"])),
+    return (n, p) => (c(), v("div", ve, [
+      F(le, X(n.input, {
+        onKeydownCapture: p[0] || (p[0] = O(S((i) => a.value = n.modelValue, ["stop"]), ["esc"])),
         onKeydown: O(S(f, ["stop"]), ["enter"]),
         modelValue: a.value,
         "onUpdate:modelValue": p[1] || (p[1] = (i) => a.value = i)
       }), null, 16, ["onKeydown", "modelValue"]),
-      a.value !== r.modelValue ? (c(), C(z, X({
+      a.value !== n.modelValue ? (c(), C(z, X({
         key: 0,
         icon: "",
         styling: "soft"
-      }, r.button, { onClick: f }), null, 16)) : T("", !0)
+      }, n.button, { onClick: f }), null, 16)) : T("", !0)
     ]));
   }
 }), he = {
@@ -180,24 +180,24 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ D(["update:modelValue"], ["update:modelValue"]),
-  setup(s, { emit: d }) {
-    const e = j(s, "modelValue"), a = s, m = V(null);
+  setup(r, { emit: d }) {
+    const e = j(r, "modelValue"), a = r, m = V(null);
     k(e, () => {
-      var r, p, i, y, b;
-      (r = a.radiosProps) != null && r.some((u) => u.value === e.value) || (e.value = ((i = (p = a.radiosProps) == null ? void 0 : p[0]) == null ? void 0 : i.value) ?? ""), (b = (y = m.value) == null ? void 0 : y.querySelector(".radioGroup_item-selected")) == null || b.scrollIntoView();
+      var n, p, i, y, b;
+      (n = a.radiosProps) != null && n.some((u) => u.value === e.value) || (e.value = ((i = (p = a.radiosProps) == null ? void 0 : p[0]) == null ? void 0 : i.value) ?? ""), (b = (y = m.value) == null ? void 0 : y.querySelector(".radioGroup_item-selected")) == null || b.scrollIntoView();
     }, { immediate: !0 });
     const f = "radioGroup-" + Math.random();
-    return (r, p) => (c(), v("div", {
+    return (n, p) => (c(), v("div", {
       ref_key: "elRef",
       ref: m,
       class: I({
         "top-radioGroup": !0,
         "top-scrollBarXHidding": !0,
-        ["top-size_" + r.size]: !!r.size,
-        "top-error": r.isError
+        ["top-size_" + n.size]: !!n.size,
+        "top-error": n.isError
       })
     }, [
-      (c(!0), v(P, null, H(r.radiosProps, (i) => (c(), v("label", {
+      (c(!0), v(P, null, H(n.radiosProps, (i) => (c(), v("label", {
         class: I({
           "top-radioGroup_item-selected": i.value === e.value,
           "top-radioGroup_item": !0,
@@ -208,7 +208,7 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
         onClick: (y) => e.value = i.value
       }, [
         B($(i.title) + " ", 1),
-        r.showIndicator ? (c(), v("span", Te)) : T("", !0),
+        n.showIndicator ? (c(), v("span", Te)) : T("", !0),
         Y(E("input", {
           "onUpdate:modelValue": p[0] || (p[0] = (y) => e.value = y),
           name: f,
@@ -234,16 +234,16 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
   "top-disabled": "top-disabled"
 }, Ce = {
   $style: we
-}, Ie = /* @__PURE__ */ K(_e, [["__cssModules", Ce]]), $e = (s, d, e) => {
+}, Ie = /* @__PURE__ */ K(_e, [["__cssModules", Ce]]), $e = (r, d, e) => {
   const a = V([]), m = V(!1);
-  let f = "", r;
-  s && !s.params.limit && (s.params.limit = 100);
+  let f = "", n;
+  r && !r.params.limit && (r.params.limit = 100);
   const p = async () => {
-    if (!s) return;
+    if (!r) return;
     let o, g;
-    if (e && (s.cache ??= /* @__PURE__ */ new Map(), g = JSON.stringify(s.params), o = s.cache.get(g), o))
+    if (e && (r.cache ??= /* @__PURE__ */ new Map(), g = JSON.stringify(r.params), o = r.cache.get(g), o))
       return o;
-    if (m.value = !0, o = await s.call(), m.value = !1, o.errors) return;
+    if (m.value = !0, o = await r.call(), m.value = !1, o.errors) return;
     if (!Array.isArray(o.result)) {
       console.warn("В result ожидался массив");
       return;
@@ -253,24 +253,24 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
       console.warn(`В result[${h}] нет id или name`);
       return;
     }
-    return e && s.cache.set(g, o), o;
+    return e && r.cache.set(g, o), o;
   }, i = async () => {
-    if (!s) return;
-    s.params.offset = 0, s.params.search = f;
+    if (!r) return;
+    r.params.offset = 0, r.params.search = f;
     const o = await p();
-    o && (r = o.nextOffset, a.value = o.result);
+    o && (n = o.nextOffset, a.value = o.result);
   }, y = async () => {
-    if (!s || !r || m.value) return;
-    s.params.offset = r, s.params.search = f;
+    if (!r || !n || m.value) return;
+    r.params.offset = n, r.params.search = f;
     const o = await p();
-    o && (r = o.nextOffset, a.value = a.value.concat(o.result));
+    o && (n = o.nextOffset, a.value = a.value.concat(o.result));
   }, b = ae(() => i(), 200);
   return {
     items: a,
     isLoading: m,
     loadAppend: y,
     setSearchTextAndLoad: (o, g = !0) => {
-      s && (o.length < d || o === f && a.value.length || (f = o, g ? b() : i()));
+      r && (o.length < d || o === f && a.value.length || (f = o, g ? b() : i()));
     }
   };
 }, Se = { class: "top-selector2_itemMulti top-ellipsis" }, Be = /* @__PURE__ */ L({
@@ -280,7 +280,7 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
     name: {}
   },
   emits: ["delete"],
-  setup(s) {
+  setup(r) {
     return (d, e) => (c(), v("div", Se, [
       B($(d.name) + " ", 1),
       E("span", {
@@ -327,11 +327,11 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const d = s, e = j(s, "modelValue"), a = V(""), m = {
+  setup(r) {
+    const d = r, e = j(r, "modelValue"), a = V(""), m = {
       id: 0,
       name: "Все"
-    }, f = V(null), r = () => {
+    }, f = V(null), n = () => {
       var t;
       return (t = f.value) == null ? void 0 : t.popup;
     };
@@ -344,53 +344,53 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
     );
     const p = $e(d.apiRequest, d.minLength, d.useCache), i = N(() => {
       const t = [];
-      return !d.multiselect && d.appendAllValue && t.push(m), d.items.forEach((n) => t.push({ ...n })), t;
-    }), y = (t, n = !0) => n && t.id === null ? Array.isArray(e.value) ? e.value.some((l) => l.id === t.id && l.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((l) => l.id === t.id) : t.id === e.value.id, b = N(() => {
-      const t = a.value.toLowerCase(), n = re(t);
+      return !d.multiselect && d.appendAllValue && t.push(m), d.items.forEach((s) => t.push({ ...s })), t;
+    }), y = (t, s = !0) => s && t.id === null ? Array.isArray(e.value) ? e.value.some((l) => l.id === t.id && l.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((l) => l.id === t.id) : t.id === e.value.id, b = N(() => {
+      const t = a.value.toLowerCase(), s = re(t);
       let l = [];
       return i.value.forEach((A) => {
         const _ = A.name.toLowerCase();
-        (A.id === Number(t) || _.includes(t) || _.includes(n)) && (_ === t || _ === n ? l.unshift(A) : l.push(A));
+        (A.id === Number(t) || _.includes(t) || _.includes(s)) && (_ === t || _ === s ? l.unshift(A) : l.push(A));
       }), l.push(...p.items.value), d.appendSearchToResult && a.value && (!l.length || l[0].name.toLowerCase() !== t) && l.push({
         id: null,
         name: a.value
       }), d.multiselect && (l = l.filter((A) => !y(A))), l;
     }), u = async (t) => {
-      var n, l;
+      var s, l;
       if (d.multiselect) {
         if (!Array.isArray(e.value) || y(t))
           return;
         const A = [...e.value];
-        A.push({ ...t }), e.value = A, se.state.isMobile ? (n = r()) == null || n.close() : setTimeout(() => {
+        A.push({ ...t }), e.value = A, se.state.isMobile ? (s = n()) == null || s.close() : setTimeout(() => {
           var _, U, W, J;
-          (_ = r()) == null || _.recalcPosition(), (J = (W = (U = r()) == null ? void 0 : U.elPopupWidget) == null ? void 0 : W.querySelector("input")) == null || J.focus(), a.value && (b.value.length || (a.value = "", p.items.value = []));
+          (_ = n()) == null || _.recalcPosition(), (J = (W = (U = n()) == null ? void 0 : U.elPopupWidget) == null ? void 0 : W.querySelector("input")) == null || J.focus(), a.value && (b.value.length || (a.value = "", p.items.value = []));
         });
       } else
-        a.value && (a.value = "", p.items.value = []), JSON.stringify(t) !== JSON.stringify(e.value) && (e.value = { ...t }), (l = r()) == null || l.close();
+        a.value && (a.value = "", p.items.value = []), JSON.stringify(t) !== JSON.stringify(e.value) && (e.value = { ...t }), (l = n()) == null || l.close();
     }, o = () => {
       if (!Array.isArray(e.value)) {
-        const n = (i.value.findIndex((l) => l.id === e.value.id) + 1) % i.value.length;
-        e.value = { ...i.value[n] };
+        const s = (i.value.findIndex((l) => l.id === e.value.id) + 1) % i.value.length;
+        e.value = { ...i.value[s] };
       }
     }, g = async (t) => {
-      Array.isArray(e.value) && (e.value = e.value.filter((n) => n.id !== t), setTimeout(() => {
-        var n;
-        (n = r()) == null || n.recalcPosition();
+      Array.isArray(e.value) && (e.value = e.value.filter((s) => s.id !== t), setTimeout(() => {
+        var s;
+        (s = n()) == null || s.recalcPosition();
       }));
     }, h = V(!1);
     d.apiRequest && (k(h, () => {
       h.value && p.setSearchTextAndLoad(a.value, !1);
     }), k(a, () => p.setSearchTextAndLoad(a.value)));
     const G = (t) => {
-      const n = t.target;
-      n.scrollTop / (n.scrollHeight - n.offsetHeight) > 0.8 && p.loadAppend();
+      const s = t.target;
+      s.scrollTop / (s.scrollHeight - s.offsetHeight) > 0.8 && p.loadAppend();
     };
-    return (t, n) => (c(), C(M(ne), {
+    return (t, s) => (c(), C(M(ne), {
       ref_key: "popupRef",
       ref: f,
-      onOpen: n[1] || (n[1] = (l) => h.value = !0),
-      onClose: n[2] || (n[2] = (l) => h.value = !1),
-      onScrollContentList: n[3] || (n[3] = (l) => t.apiRequest ? G(l) : void 0),
+      onOpen: s[1] || (s[1] = (l) => h.value = !0),
+      onClose: s[2] || (s[2] = (l) => h.value = !1),
+      onScrollContentList: s[3] || (s[3] = (l) => t.apiRequest ? G(l) : void 0),
       notch: !1,
       transitionDuration: 0
     }, {
@@ -425,7 +425,7 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
           title: "Поиск",
           icon: "",
           modelValue: a.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (l) => a.value = l),
+          "onUpdate:modelValue": s[0] || (s[0] = (l) => a.value = l),
           isLoading: M(p).isLoading.value,
           placeholder: !Array.isArray(e.value) && !t.multiselect && t.showSelectedInInput ? e.value.name : t.placeholder
         }, null, 8, ["modelValue", "isLoading", "placeholder"])
@@ -452,9 +452,9 @@ const de = { class: "top-editArea_footer" }, pe = /* @__PURE__ */ L({
           key: 0,
           type: "regular"
         }, {
-          default: w(() => [
+          default: w(() => s[4] || (s[4] = [
             B(" Нет результатов ")
-          ]),
+          ])),
           _: 1
         }))
       ]),