mhz-ui 1.0.19 → 1.0.21

package/dist/UiEditor/UiEditor.js

@@ -14915,12 +14915,14 @@ const Xa = (n, e) => {
           key: a._id,
           onClick: (c) => a.method(),
           class: lr(o.$style.action),
-          type: "button"
+          type: "button",
+          "data-test": "ui-editor-button"
         }, yc(a.name), 11, Gg)), 64))
       ], 2),
       bc(Oi(Um), {
         editor: Oi(i),
-        class: lr(o.$style.editor)
+        class: lr(o.$style.editor),
+        "data-test": "ui-editor"
       }, null, 8, ["editor", "class"])
     ], 2));
   }

package/dist/UiField/UiField.js

@@ -1,39 +1,42 @@
 import "./UiField.css";
-import { defineComponent as a, openBlock as s, createElementBlock as l, normalizeClass as o, createElementVNode as t, createTextVNode as c, toDisplayString as n, createCommentVNode as d, renderSlot as p, withDirectives as f, vShow as _ } from "vue";
-import { _ as m } from "../_plugin-vue_export-helper-dad06003.js";
-const u = /* @__PURE__ */ a({
+import { defineComponent as n, openBlock as t, createElementBlock as s, normalizeClass as o, createElementVNode as l, toDisplayString as i, createCommentVNode as a, renderSlot as c } from "vue";
+import { _ as f } from "../_plugin-vue_export-helper-dad06003.js";
+const u = { "data-test": "ui-field-label" }, _ = { "data-test": "ui-field" }, p = /* @__PURE__ */ n({
   __name: "UiField",
   props: {
     label: {},
     error: { type: [String, Boolean] },
     isRequired: { type: Boolean }
   },
-  setup(i) {
-    const e = i;
-    return (r, B) => (s(), l("div", {
+  setup(d) {
+    const e = d;
+    return (r, k) => (t(), s("div", {
       class: o(r.$style.field)
     }, [
-      t("label", null, [
-        c(n(e.label), 1),
-        e.isRequired ? (s(), l("span", {
+      l("label", null, [
+        l("span", u, i(e.label), 1),
+        e.isRequired ? (t(), s("span", {
           key: 0,
-          class: o(r.$style.error)
-        }, "*", 2)) : d("", !0)
+          class: o(r.$style.error),
+          "data-test": "ui-field-required"
+        }, "*", 2)) : a("", !0)
       ]),
-      p(r.$slots, "default"),
-      f(t("div", {
-        class: o(r.$style.error)
-      }, n(e.error), 3), [
-        [_, !!e.error]
-      ])
+      l("div", _, [
+        c(r.$slots, "default")
+      ]),
+      e.error ? (t(), s("div", {
+        key: 0,
+        class: o(r.$style.error),
+        "data-test": "ui-field-error"
+      }, i(e.error), 3)) : a("", !0)
     ], 2));
   }
-}), y = "_field_1w19f_1", $ = "_error_1w19f_9", v = {
-  field: y,
-  error: $
-}, w = {
-  $style: v
-}, h = /* @__PURE__ */ m(u, [["__cssModules", w]]);
+}), m = "_field_1w19f_1", y = "_error_1w19f_9", $ = {
+  field: m,
+  error: y
+}, b = {
+  $style: $
+}, q = /* @__PURE__ */ f(p, [["__cssModules", b]]);
 export {
-  h as default
+  q as default
 };

package/dist/UiInput/UiInput.js

@@ -1,17 +1,17 @@
 import "./UiInput.css";
-import { openBlock as a, createElementBlock as u, createElementVNode as d, defineComponent as m, ref as f, onMounted as _, nextTick as y, withKeys as C, normalizeClass as c, mergeProps as v, createBlock as h, resolveDynamicComponent as g, unref as k, createCommentVNode as B } from "vue";
-import { _ as b } from "../_plugin-vue_export-helper-dad06003.js";
+import { openBlock as a, createElementBlock as u, createElementVNode as i, defineComponent as m, ref as f, onMounted as y, nextTick as _, withKeys as C, normalizeClass as c, mergeProps as v, createBlock as h, resolveDynamicComponent as g, unref as k, createCommentVNode as b } from "vue";
+import { _ as B } from "../_plugin-vue_export-helper-dad06003.js";
 const I = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none"
-}, w = /* @__PURE__ */ d("path", {
+}, w = /* @__PURE__ */ i("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   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",
   "clip-rule": "evenodd"
-}, null, -1), $ = /* @__PURE__ */ d("path", {
+}, null, -1), $ = /* @__PURE__ */ i("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   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",
@@ -20,7 +20,7 @@ const I = {
   w,
   $
 ];
-function x(s, n) {
+function x(d, n) {
   return a(), u("svg", I, V);
 }
 const M = { render: x }, D = ["data-mode", "tabindex"], F = ["value", "disabled", "data-mode", "data-center", "data-append-icon", "tabindex"], N = /* @__PURE__ */ m({
@@ -35,42 +35,46 @@ const M = { render: x }, D = ["data-mode", "tabindex"], F = ["value", "disabled"
     isCopy: { type: Boolean }
   },
   emits: ["update:modelValue", "toggle"],
-  setup(s, { emit: n }) {
-    const e = s;
-    function p(o) {
-      n("update:modelValue", o.value);
+  setup(d, { emit: n }) {
+    const e = d;
+    function p(t) {
+      n("update:modelValue", t.value);
     }
-    const i = f();
+    const s = f();
     function r() {
       e.isCopy && e.modelValue && navigator.clipboard.writeText(e.modelValue.toString());
     }
-    return _(async () => {
-      e.isFocus && (await y(), i.value?.focus());
-    }), (o, t) => (a(), u("div", {
-      onClick: t[1] || (t[1] = (l) => n("toggle")),
-      onKeydown: t[2] || (t[2] = C((l) => n("toggle"), ["space"])),
-      class: c(o.$style.inputBlock),
+    return y(async () => {
+      e.isFocus && (await _(), s.value?.focus());
+    }), (t, o) => (a(), u("div", {
+      onClick: o[1] || (o[1] = (l) => n("toggle")),
+      onKeydown: o[2] || (o[2] = C((l) => n("toggle"), ["space"])),
+      class: c(t.$style.inputBlock),
       "data-mode": e.mode,
-      tabindex: e.mode === "default" ? "-1" : "0"
+      tabindex: e.mode === "default" ? "-1" : "0",
+      "data-test": "ui-input-block"
     }, [
-      d("input", v({
+      i("input", v({
         value: e.modelValue,
-        onInput: t[0] || (t[0] = (l) => p(l.target)),
+        onInput: o[0] || (o[0] = (l) => p(l.target)),
         disabled: e.isDisabled,
-        class: o.$style.input,
+        class: t.$style.input,
         ref_key: "input",
-        ref: i
-      }, o.$attrs, {
+        ref: s
+      }, t.$attrs, {
         "data-mode": e.mode,
         "data-center": e.isCenter,
         "data-append-icon": !!e.appendIcon || e.isCopy,
-        tabindex: e.mode === "default" ? "0" : "-1"
+        tabindex: e.mode === "default" ? "0" : "-1",
+        "data-test": "ui-input"
       }), null, 16, F),
       e.appendIcon || e.isCopy ? (a(), h(g(e.isCopy ? k(M) : e.appendIcon), {
         key: 0,
         onClick: r,
-        class: c(o.$style.icon)
-      }, null, 8, ["class"])) : B("", !0)
+        class: c(t.$style.icon),
+        "data-copy": e.isCopy,
+        "data-test": "ui-input-icon"
+      }, null, 8, ["class", "data-copy"])) : b("", !0)
     ], 42, D));
   }
 }), Z = "_inputBlock_18lh2_1", E = "_input_18lh2_1", K = "_icon_18lh2_47", S = {
@@ -79,7 +83,7 @@ const M = { render: x }, D = ["data-mode", "tabindex"], F = ["value", "disabled"
   icon: K
 }, T = {
   $style: S
-}, z = /* @__PURE__ */ b(N, [["__cssModules", T]]);
+}, z = /* @__PURE__ */ B(N, [["__cssModules", T]]);
 export {
   z as default
 };

package/dist/UiModal/UiModal.js

@@ -1,8 +1,8 @@
 import "./UiModal.css";
-import { defineComponent as _, watch as V, openBlock as r, createElementBlock as u, normalizeClass as l, createElementVNode as n, withModifiers as k, renderSlot as C, createVNode as m, withCtx as i, createTextVNode as c, createCommentVNode as f } from "vue";
+import { defineComponent as v, watch as V, openBlock as r, createElementBlock as u, normalizeClass as l, createElementVNode as s, withModifiers as k, renderSlot as C, createVNode as m, withCtx as i, createTextVNode as c, createCommentVNode as f } from "vue";
 import p from "../UiButton/UiButton.js";
 import { _ as $ } from "../_plugin-vue_export-helper-dad06003.js";
-const b = /* @__PURE__ */ _({
+const b = { "data-test": "ui-modal-slot" }, w = /* @__PURE__ */ v({
   __name: "UiModal",
   props: {
     modelValue: { type: Boolean },
@@ -10,42 +10,50 @@ const b = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue", "confirm"],
   setup(y, { emit: t }) {
-    const s = y, a = document.querySelector("body");
+    const a = y, n = document.querySelector("body");
     V(
-      () => s.modelValue,
+      () => a.modelValue,
       () => {
-        const e = s.modelValue ? "hidden" : "auto";
-        a && (a.style.overflow = e);
+        const e = a.modelValue ? "hidden" : "auto";
+        n && (n.style.overflow = e);
       }
     );
-    function v() {
+    function _() {
       t("confirm"), t("update:modelValue", !1);
     }
-    return (e, o) => s.modelValue ? (r(), u("div", {
+    return (e, o) => a.modelValue ? (r(), u("div", {
       key: 0,
       onMousedown: o[3] || (o[3] = (d) => t("update:modelValue", !1)),
-      class: l(e.$style.container)
+      class: l(e.$style.container),
+      "data-test": "ui-modal-container"
     }, [
-      n("div", {
+      s("div", {
         onMousedown: o[2] || (o[2] = k(() => {
         }, ["stop"])),
-        class: l(e.$style.modal)
+        class: l(e.$style.modal),
+        "data-test": "ui-modal"
       }, [
-        n("div", {
+        s("div", {
           class: l(e.$style.header)
         }, [
-          n("button", {
+          s("button", {
             onClick: o[0] || (o[0] = (d) => t("update:modelValue", !1)),
             class: l(e.$style.close),
-            type: "button"
-          }, "×", 2)
+            type: "button",
+            "data-test": "ui-modal-close"
+          }, " × ", 2)
         ], 2),
-        C(e.$slots, "default"),
-        s.isConfirm ? (r(), u("div", {
+        s("div", b, [
+          C(e.$slots, "default")
+        ]),
+        a.isConfirm ? (r(), u("div", {
           key: 0,
           class: l(e.$style.buttons)
         }, [
-          m(p, { onClick: v }, {
+          m(p, {
+            onClick: _,
+            "data-test": "ui-modal-confirm"
+          }, {
             default: i(() => [
               c("Confirm")
             ]),
@@ -53,10 +61,11 @@ const b = /* @__PURE__ */ _({
           }),
           m(p, {
             layout: "secondary",
-            onClick: o[1] || (o[1] = (d) => t("update:modelValue", !1))
+            onClick: o[1] || (o[1] = (d) => t("update:modelValue", !1)),
+            "data-test": "ui-modal-cancel"
           }, {
             default: i(() => [
-              c("Cancel")
+              c(" Cancel ")
             ]),
             _: 1
           })
@@ -64,15 +73,15 @@ const b = /* @__PURE__ */ _({
       ], 34)
     ], 34)) : f("", !0);
   }
-}), w = "_container_vrmka_1", M = "_modal_vrmka_13", B = "_header_vrmka_28", N = "_close_vrmka_33", U = "_buttons_vrmka_50", h = {
-  container: w,
-  modal: M,
-  header: B,
-  close: N,
+}), M = "_container_vrmka_1", B = "_modal_vrmka_13", N = "_header_vrmka_28", h = "_close_vrmka_33", U = "_buttons_vrmka_50", E = {
+  container: M,
+  modal: B,
+  header: N,
+  close: h,
   buttons: U
-}, E = {
-  $style: h
-}, T = /* @__PURE__ */ $(b, [["__cssModules", E]]);
+}, S = {
+  $style: E
+}, g = /* @__PURE__ */ $(w, [["__cssModules", S]]);
 export {
-  T as default
+  g as default
 };

package/dist/UiPagination/UiPagination.js

@@ -1,7 +1,7 @@
 import "./UiPagination.css";
-import { defineComponent as u, openBlock as b, createElementBlock as r, normalizeClass as e, createElementVNode as n, toDisplayString as i } from "vue";
-import { _ as m } from "../_plugin-vue_export-helper-dad06003.js";
-const g = ["disabled"], y = ["disabled"], $ = ["disabled"], f = ["disabled"], c = /* @__PURE__ */ u({
+import { defineComponent as u, openBlock as b, createElementBlock as r, normalizeClass as n, createElementVNode as o, toDisplayString as l } from "vue";
+import { _ as g } from "../_plugin-vue_export-helper-dad06003.js";
+const m = ["disabled"], y = ["disabled"], $ = ["disabled"], f = ["disabled"], c = /* @__PURE__ */ u({
   __name: "UiPagination",
   props: {
     page: {},
@@ -13,45 +13,50 @@ const g = ["disabled"], y = ["disabled"], $ = ["disabled"], f = ["disabled"], c
     function s(t) {
       p("update", t), document.querySelector("main")?.scrollTo(0, 0);
     }
-    return (t, o) => (b(), r("div", {
-      class: e(t.$style.pagination)
+    return (t, e) => (b(), r("div", {
+      class: n(t.$style.pagination)
     }, [
-      n("button", {
-        onClick: o[0] || (o[0] = (l) => s(1)),
+      o("button", {
+        onClick: e[0] || (e[0] = (i) => s(1)),
         disabled: t.page === 1,
-        class: e(t.$style.button),
-        type: "button"
-      }, "<<", 10, g),
-      n("button", {
-        onClick: o[1] || (o[1] = (l) => s(a.page - 1)),
+        class: n(t.$style.button),
+        type: "button",
+        "data-test": "ui-pagination-first"
+      }, " << ", 10, m),
+      o("button", {
+        onClick: e[1] || (e[1] = (i) => s(a.page - 1)),
         disabled: t.page === 1,
-        class: e(t.$style.button),
-        type: "button"
+        class: n(t.$style.button),
+        type: "button",
+        "data-test": "ui-pagination-prev"
       }, " < ", 10, y),
-      n("div", {
-        class: e(t.$style.text)
-      }, i(t.page) + " of " + i(t.total), 3),
-      n("button", {
-        onClick: o[2] || (o[2] = (l) => s(a.page + 1)),
+      o("div", {
+        class: n(t.$style.text),
+        "data-test": "ui-pagination"
+      }, l(t.page) + " of " + l(t.total), 3),
+      o("button", {
+        onClick: e[2] || (e[2] = (i) => s(a.page + 1)),
         disabled: t.page === t.total,
-        class: e(t.$style.button),
-        type: "button"
+        class: n(t.$style.button),
+        type: "button",
+        "data-test": "ui-pagination-next"
       }, " > ", 10, $),
-      n("button", {
-        onClick: o[3] || (o[3] = (l) => s(a.total)),
+      o("button", {
+        onClick: e[3] || (e[3] = (i) => s(a.total)),
         disabled: t.page === t.total,
-        class: e(t.$style.button),
-        type: "button"
+        class: n(t.$style.button),
+        type: "button",
+        "data-test": "ui-pagination-last"
       }, " >> ", 10, f)
     ], 2));
   }
-}), k = "_pagination_3h5xm_1", v = "_button_3h5xm_9", C = "_text_3h5xm_30", _ = {
-  pagination: k,
-  button: v,
+}), v = "_pagination_3h5xm_1", k = "_button_3h5xm_9", C = "_text_3h5xm_30", _ = {
+  pagination: v,
+  button: k,
   text: C
 }, U = {
   $style: _
-}, M = /* @__PURE__ */ m(c, [["__cssModules", U]]);
+}, M = /* @__PURE__ */ g(c, [["__cssModules", U]]);
 export {
   M as default
 };

package/dist/UiRange/UiRange.js

@@ -994,7 +994,8 @@ const wr = /* @__PURE__ */ hr({
         "onUpdate:modelValue": Y[0] || (Y[0] = (vt) => k("update:modelValue", vt)),
         min: g.min,
         max: g.max,
-        tooltipPosition: "bottom"
+        tooltipPosition: "bottom",
+        "data-test": "ui-range"
       }, null, 8, ["modelValue", "min", "max"])
     ], 2));
   }

package/dist/UiSearch/UiSearch.d.ts

@@ -1,24 +1,26 @@
+interface ISearchScheme {
+    type: string;
+    labels: string[];
+    url: string;
+}
+interface ISearchResult {
+    [key: string]: {
+        _id?: string;
+    }[] | {
+        [key: string]: string;
+    }[] | undefined;
+}
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: import("vue").PropType<string>;
         required: true;
     };
     searchScheme: {
-        type: import("vue").PropType<{
-            type: string;
-            labels: string[];
-            url: string;
-        }[]>;
+        type: import("vue").PropType<ISearchScheme[]>;
         required: true;
     };
     results: {
-        type: import("vue").PropType<{
-            [key: string]: {
-                _id?: string | undefined;
-            }[] | {
-                [key: string]: string;
-            }[] | undefined;
-        }>;
+        type: import("vue").PropType<ISearchResult>;
     };
     isSuccess: {
         type: import("vue").PropType<boolean>;
@@ -30,21 +32,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     searchScheme: {
-        type: import("vue").PropType<{
-            type: string;
-            labels: string[];
-            url: string;
-        }[]>;
+        type: import("vue").PropType<ISearchScheme[]>;
         required: true;
     };
     results: {
-        type: import("vue").PropType<{
-            [key: string]: {
-                _id?: string | undefined;
-            }[] | {
-                [key: string]: string;
-            }[] | undefined;
-        }>;
+        type: import("vue").PropType<ISearchResult>;
     };
     isSuccess: {
         type: import("vue").PropType<boolean>;