mhz-ui 1.1.28 → 1.1.30

package/dist/UiSelect/UiSelect.js

@@ -48,13 +48,13 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
   },
   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(() => {
+    const e = k, V = 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"), h = m(() => {
       if (!e.options) return [];
-      let t = e.isLocaleField ? e.options.map((o) => ({ _id: o._id, title: o.title_en })) : [...e.options];
+      let t = [...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,11 +65,11 @@ 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, () => {
@@ -83,7 +83,7 @@ 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",
@@ -104,7 +104,7 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
         ], 2)) : b("", !0),
         e.isClearable && e.modelValue ? (s(), 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)
@@ -115,12 +115,12 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
         ref_key: "optionsElement",
         ref: a
       }, [
-        V.value.length ? (s(), n("div", {
+        h.value.length ? (s(), n("div", {
           key: 0,
           ref_key: "optionsInnerElement",
           ref: y
         }, [
-          (s(!0), n(N, null, R(V.value, (l, g) => (s(), n("div", {
+          (s(!0), n(N, null, R(h.value, (l, g) => (s(), n("div", {
             key: `${l}-${g}`,
             onClick: (d) => $(l),
             onKeydown: [
@@ -137,7 +137,7 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
             ref_key: "optionElement",
             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))
+          }, z(e.isLocaleField ? l.title_en : l.title), 43, G))), 128))
         ], 512)) : (s(), n("div", {
           key: 1,
           onClick: p,

package/dist/UiSelect/constants/index.d.ts

@@ -1,4 +1,8 @@
-export declare const MODEL_VALUE = "";
+export declare const MODEL_VALUE: {
+    _id: string;
+    title: string;
+    title_en: string;
+};
 export declare const IS_FILTER = false;
 export declare const OPTIONS: string[];
 export declare const OPTIONS_OBJECTS: {

package/package.json

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