mhz-ui 1.1.28 → 1.1.29

package/dist/UiSelect/UiSelect.js

@@ -1,5 +1,5 @@
 import "./UiSelect.css";
-import { createElementBlock as n, openBlock as s, createElementVNode as w, defineComponent as M, ref as c, computed as m, normalizeClass as u, createCommentVNode as b, createVNode as O, unref as I, Fragment as N, renderList as R, withKeys as v, toDisplayString as z } from "vue";
+import { createElementBlock as n, openBlock as i, createElementVNode as w, defineComponent as M, ref as c, computed as m, normalizeClass as u, createCommentVNode as b, createVNode as O, unref as I, Fragment as N, renderList as R, withKeys as v, toDisplayString as z } from "vue";
 import { o as U } from "../index-CVBkjluR.js";
 import T from "../UiInput/UiInput.js";
 import { _ as K } from "../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -9,8 +9,8 @@ const P = {
   height: "16",
   fill: "none"
 };
-function x(k, i) {
-  return s(), n("svg", P, i[0] || (i[0] = [
+function x(k, s) {
+  return i(), n("svg", P, s[0] || (s[0] = [
     w("path", {
       stroke: "#1F1F1F",
       "stroke-linecap": "round",
@@ -25,8 +25,8 @@ const H = { render: x }, Q = {
   height: "16",
   fill: "none"
 };
-function q(k, i) {
-  return s(), n("svg", Q, i[0] || (i[0] = [
+function q(k, s) {
+  return i(), n("svg", Q, s[0] || (s[0] = [
     w("path", {
       stroke: "#1F1F1F",
       "stroke-linecap": "round",
@@ -47,14 +47,14 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
     isClearable: { type: Boolean }
   },
   emits: ["update:modelValue", "reachedBottom"],
-  setup(k, { emit: i }) {
-    const e = k, h = i, f = c(""), j = m(() => e.lang === "en" ? "Choose variant" : "Выбрать"), D = m(() => e.lang === "en" ? "Filter Variants" : "Фильтровать"), S = m(() => e.lang === "en" ? "No results" : "Нет результатов"), C = m(() => typeof e.options?.[0] == "object"), V = m(() => {
+  setup(k, { emit: s }) {
+    const e = k, V = s, f = c(""), j = m(() => e.lang === "en" ? "Choose variant" : "Выбрать"), D = m(() => e.lang === "en" ? "Filter Variants" : "Фильтровать"), S = m(() => e.lang === "en" ? "No results" : "Нет результатов"), C = m(() => typeof e.options?.[0] == "object"), h = m(() => {
       if (!e.options) return [];
       let t = e.isLocaleField ? e.options.map((o) => ({ _id: o._id, title: o.title_en })) : [...e.options];
       return C.value || (t = e.options.map((o) => ({ _id: o, title: o }))), e.isFilter ? t.filter((o) => o.title.toLowerCase().includes(f.value.toLowerCase())) : t;
     }), r = c(!1), a = c(), y = c(), F = c([]);
     function _(t) {
-      t < 0 || t === V.value.length || e.isFilter || F.value[t]?.focus();
+      t < 0 || t === h.value.length || e.isFilter || F.value[t]?.focus();
     }
     function p() {
       a.value?.removeEventListener("scroll", B, !0), f.value = "", r.value = !1;
@@ -65,16 +65,16 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
       }, 100));
     }
     function $(t) {
-      h("update:modelValue", C.value ? t : t._id), p();
+      V("update:modelValue", C.value ? t : t._id), p();
     }
     function B() {
       if (!a.value || !y.value) return;
-      a.value.getBoundingClientRect().y - y.value.getBoundingClientRect().y - y.value.scrollHeight + a.value.getBoundingClientRect().height > -100 && h("reachedBottom");
+      a.value.getBoundingClientRect().y - y.value.getBoundingClientRect().y - y.value.scrollHeight + a.value.getBoundingClientRect().height > -100 && V("reachedBottom");
     }
     const L = c();
     return U(L, () => {
       p();
-    }), (t, o) => (s(), n("div", {
+    }), (t, o) => (i(), n("div", {
       class: u(t.$style.container),
       ref_key: "containerElement",
       ref: L
@@ -83,14 +83,14 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
         class: u(t.$style.input)
       }, [
         O(T, {
-          modelValue: typeof e.modelValue == "string" || typeof e.modelValue == "number" ? e.modelValue : e.modelValue?.title,
+          modelValue: typeof e.modelValue == "string" || typeof e.modelValue == "number" ? e.modelValue : e.isLocaleField ? e.modelValue?.title_en : e.modelValue?.title,
           disabled: e.isDisabled,
           onToggle: o[0] || (o[0] = (l) => r.value ? p() : E()),
           mode: "select",
           placeholder: j.value,
           appendIcon: r.value ? I(A) : I(H)
         }, null, 8, ["modelValue", "disabled", "placeholder", "appendIcon"]),
-        e.isFilter && r.value ? (s(), n("div", {
+        e.isFilter && r.value ? (i(), n("div", {
           key: 0,
           class: u(t.$style.filter)
         }, [
@@ -102,25 +102,25 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
             isFocus: ""
           }, null, 8, ["modelValue", "disabled", "placeholder"])
         ], 2)) : b("", !0),
-        e.isClearable && e.modelValue ? (s(), n("button", {
+        e.isClearable && e.modelValue ? (i(), n("button", {
           key: 1,
-          onClick: o[2] || (o[2] = (l) => h("update:modelValue", void 0)),
+          onClick: o[2] || (o[2] = (l) => V("update:modelValue", void 0)),
           type: "button",
           class: u(t.$style.clear)
         }, " × ", 2)) : b("", !0)
       ], 2),
-      r.value ? (s(), n("div", {
+      r.value ? (i(), n("div", {
         key: 0,
         class: u(t.$style.options),
         ref_key: "optionsElement",
         ref: a
       }, [
-        V.value.length ? (s(), n("div", {
+        h.value.length ? (i(), n("div", {
           key: 0,
           ref_key: "optionsInnerElement",
           ref: y
         }, [
-          (s(!0), n(N, null, R(V.value, (l, g) => (s(), n("div", {
+          (i(!0), n(N, null, R(h.value, (l, g) => (i(), n("div", {
             key: `${l}-${g}`,
             onClick: (d) => $(l),
             onKeydown: [
@@ -138,7 +138,7 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
             ref: F,
             "data-current": typeof e.modelValue == "string" || typeof e.modelValue == "number" ? e.modelValue === l._id : e.modelValue?._id === l._id
           }, z(l.title), 43, G))), 128))
-        ], 512)) : (s(), n("div", {
+        ], 512)) : (i(), n("div", {
           key: 1,
           onClick: p,
           class: u(t.$style.option),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "Mhz ui kit",
-  "version": "1.1.28",
+  "version": "1.1.29",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",