mhz-ui 1.1.21 → 1.1.23

package/dist/UiSelect/UiSelect.d.ts

@@ -3,7 +3,7 @@ interface IOption {
     title: string;
 }
 interface IProps {
-    modelValue?: string | number | IOption;
+    modelValue?: string | number | IOption | null;
     options?: string[] | number[] | IOption[];
     isFilter?: boolean;
     isDisabled?: boolean;

package/dist/UiSelect/UiSelect.js

@@ -47,13 +47,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"), $ = m(() => {
+    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(() => {
       if (!e.options) return [];
       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 === $.value.length || e.isFilter || F.value[t]?.focus();
+      t < 0 || t === V.value.length || e.isFilter || F.value[t]?.focus();
     }
     function p() {
       a.value?.removeEventListener("scroll", B, !0), f.value = "", r.value = !1;
@@ -63,7 +63,7 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
         a.value?.scrollTo(0, 0), _(0), a.value?.addEventListener("scroll", B, !0);
       }, 100));
     }
-    function V(t) {
+    function $(t) {
       h("update:modelValue", C.value ? t : t._id), p();
     }
     function B() {
@@ -101,7 +101,7 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
             isFocus: ""
           }, null, 8, ["modelValue", "disabled", "placeholder"])
         ], 2)) : b("", !0),
-        e.isClearable ? (s(), l("button", {
+        e.isClearable && e.modelValue ? (s(), l("button", {
           key: 1,
           onClick: o[2] || (o[2] = (n) => h("update:modelValue", void 0)),
           type: "button",
@@ -114,17 +114,17 @@ const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
         ref_key: "optionsElement",
         ref: a
       }, [
-        $.value.length ? (s(), l("div", {
+        V.value.length ? (s(), l("div", {
           key: 0,
           ref_key: "optionsInnerElement",
           ref: y
         }, [
-          (s(!0), l(N, null, R($.value, (n, g) => (s(), l("div", {
+          (s(!0), l(N, null, R(V.value, (n, g) => (s(), l("div", {
             key: `${n}-${g}`,
-            onClick: (d) => V(n),
+            onClick: (d) => $(n),
             onKeydown: [
-              v((d) => V(n), ["enter"]),
-              v((d) => V(n), ["space"]),
+              v((d) => $(n), ["enter"]),
+              v((d) => $(n), ["space"]),
               v((d) => _(g - 1), ["up"]),
               v((d) => _(g + 1), ["down"]),
               o[3] || (o[3] = v((d) => r.value ? p() : E(), ["esc"]))

package/package.json

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