mhz-ui 1.3.21 → 1.3.23

package/dist/UiTable/UiTable.js

@@ -1,98 +1,77 @@
 import "./UiTable.css";
-import { defineComponent as y, ref as d, onMounted as w, onBeforeUnmount as k, createElementBlock as o, openBlock as n, normalizeClass as a, createCommentVNode as _, createElementVNode as s, toDisplayString as p, unref as V, Fragment as $, renderList as S, renderSlot as B } from "vue";
-import { M as h } from "../index-DajWja1y.js";
-import { _ as M } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const E = ["data-loading"], C = ["onClick", "data-current"], L = ["data-current", "data-loading"], z = ["data-current", "data-loading"], A = /* @__PURE__ */ y({
-  __name: "UiTable",
-  props: {
-    headers: {},
-    modelValue: { default: void 0 },
-    isLoading: { type: Boolean },
-    lang: { default: "ru" }
-  },
-  emits: ["update:modelValue", "reset"],
-  setup(f, { emit: g }) {
-    const l = f, b = g, r = d(), c = d(), m = d(!1);
-    function u() {
-      if (r.value && c.value) {
-        const e = Number(getComputedStyle(r.value).width.slice(0, -2)), i = Number(getComputedStyle(c.value).width.slice(0, -2));
-        m.value = i - 2 > e;
-      }
-    }
-    function v(e) {
-      l.modelValue?.value === e ? b("update:modelValue", { value: e, isAsc: !l.modelValue?.isAsc }) : b("reset", e);
-    }
-    return w(() => {
-      u(), window.addEventListener("resize", u, !0);
-    }), k(() => {
-      window.removeEventListener("resize", u, !0);
-    }), (e, i) => (n(), o("div", {
-      class: a(e.$style.tableBlock),
-      ref_key: "tableBlock",
-      ref: r
-    }, [
-      m.value ? (n(), o("div", {
-        key: 0,
-        class: a(e.$style.scrollMessage)
-      }, p(V(h)[l.lang].tableIsScrollable), 3)) : _("", !0),
-      s("table", {
-        class: a(e.$style.table),
-        cellpadding: "8",
-        cellspacing: "0",
-        border: 0,
-        ref_key: "table",
-        ref: c
-      }, [
-        s("thead", null, [
-          s("tr", null, [
-            (n(!0), o($, null, S(l.headers, (t) => (n(), o("th", {
-              key: `${t.value}${t.title}`,
-              class: a(e.$style.th)
-            }, [
-              s("label", {
-                class: a(e.$style.label),
-                "data-loading": l.isLoading
-              }, [
-                s("span", null, p(t.title), 1),
-                t.value ? (n(), o("button", {
-                  key: 0,
-                  onClick: (H) => v(t.value),
-                  class: a(e.$style.sort),
-                  type: "button",
-                  "data-current": l.modelValue?.value === t.value
-                }, [
-                  s("span", {
-                    class: a(e.$style.arrow),
-                    "data-current": l.modelValue?.isAsc && l.modelValue?.value === t.value,
-                    "data-loading": l.isLoading
-                  }, " ↑ ", 10, L),
-                  s("span", {
-                    class: a(e.$style.arrow),
-                    "data-current": !l.modelValue?.isAsc && l.modelValue?.value === t.value,
-                    "data-loading": l.isLoading
-                  }, " ↓ ", 10, z)
-                ], 10, C)) : _("", !0)
-              ], 10, E)
-            ], 2))), 128))
-          ])
-        ]),
-        s("tbody", null, [
-          B(e.$slots, "default")
-        ])
-      ], 2)
-    ], 2));
-  }
-}), N = "_tableBlock_nw50b_1", T = "_scrollMessage_nw50b_6", U = "_table_nw50b_1", q = "_th_nw50b_27", D = "_label_nw50b_39", F = "_sort_nw50b_55", G = "_arrow_nw50b_63", I = {
-  tableBlock: N,
-  scrollMessage: T,
-  table: U,
-  th: q,
-  label: D,
-  sort: F,
-  arrow: G
-}, j = {
-  $style: I
-}, P = /* @__PURE__ */ M(A, [["__cssModules", j]]);
-export {
-  P as default
-};
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { t as MESSAGES } from "../locales-DIKIa9I3.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref } from "vue";
+var _hoisted_1 = ["data-loading"], _hoisted_2 = ["onClick", "data-current"], _hoisted_3 = ["data-current", "data-loading"], _hoisted_4 = ["data-current", "data-loading"], UiTable_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiTable",
+	props: {
+		headers: {},
+		modelValue: { default: void 0 },
+		isLoading: { type: Boolean },
+		lang: { default: "ru" }
+	},
+	emits: ["update:modelValue", "reset"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = ref(), o = ref(), s = ref(!1);
+		function c() {
+			if (a.value && o.value) {
+				let e = Number(getComputedStyle(a.value).width.slice(0, -2));
+				s.value = Number(getComputedStyle(o.value).width.slice(0, -2)) - 2 > e;
+			}
+		}
+		function l(e) {
+			r.modelValue?.value === e ? i("update:modelValue", {
+				value: e,
+				isAsc: !r.modelValue?.isAsc
+			}) : i("reset", e);
+		}
+		return onMounted(() => {
+			c(), window.addEventListener("resize", c, !0);
+		}), onBeforeUnmount(() => {
+			window.removeEventListener("resize", c, !0);
+		}), (e, n) => (openBlock(), createElementBlock("div", {
+			class: normalizeClass(e.$style.tableBlock),
+			ref_key: "tableBlock",
+			ref: a
+		}, [s.value ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			class: normalizeClass(e.$style.scrollMessage)
+		}, toDisplayString(unref(MESSAGES)[r.lang].tableIsScrollable), 3)) : createCommentVNode("", !0), createElementVNode("table", {
+			class: normalizeClass(e.$style.table),
+			cellpadding: "8",
+			cellspacing: "0",
+			border: 0,
+			ref_key: "table",
+			ref: o
+		}, [createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(!0), createElementBlock(Fragment, null, renderList(r.headers, (t) => (openBlock(), createElementBlock("th", {
+			key: `${t.value}${t.title}`,
+			class: normalizeClass(e.$style.th)
+		}, [createElementVNode("label", {
+			class: normalizeClass(e.$style.label),
+			"data-loading": r.isLoading
+		}, [createElementVNode("span", null, toDisplayString(t.title), 1), t.value ? (openBlock(), createElementBlock("button", {
+			key: 0,
+			onClick: (e) => l(t.value),
+			class: normalizeClass(e.$style.sort),
+			type: "button",
+			"data-current": r.modelValue?.value === t.value
+		}, [createElementVNode("span", {
+			class: normalizeClass(e.$style.arrow),
+			"data-current": r.modelValue?.isAsc && r.modelValue?.value === t.value,
+			"data-loading": r.isLoading
+		}, " ↑ ", 10, _hoisted_3), createElementVNode("span", {
+			class: normalizeClass(e.$style.arrow),
+			"data-current": !r.modelValue?.isAsc && r.modelValue?.value === t.value,
+			"data-loading": r.isLoading
+		}, " ↓ ", 10, _hoisted_4)], 10, _hoisted_2)) : createCommentVNode("", !0)], 10, _hoisted_1)], 2))), 128))])]), createElementVNode("tbody", null, [renderSlot(e.$slots, "default")])], 2)], 2));
+	}
+}), [["__cssModules", { $style: {
+	tableBlock: "_tableBlock_nw50b_1",
+	scrollMessage: "_scrollMessage_nw50b_6",
+	table: "_table_nw50b_1",
+	th: "_th_nw50b_27",
+	label: "_label_nw50b_39",
+	sort: "_sort_nw50b_55",
+	arrow: "_arrow_nw50b_63"
+} }]]);
+export { UiTable_default as default };

package/dist/UiTabs/UiTabs.css

@@ -1 +1 @@
-._tabs_fwq3m_1{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--color-primary)}._tab_fwq3m_1{padding:14px 8px;font-size:.875rem;color:var(--color-black);cursor:pointer;background-color:var(--color-gray-light);border:0}._tab_fwq3m_1:hover{background-color:var(--color-gray)}._tab_fwq3m_1:first-child{border-top-left-radius:8px}._tab_fwq3m_1:last-child{border-top-right-radius:8px}._tab_fwq3m_1[data-active=true]{color:var(--color-white);background-color:var(--color-primary)}@media(max-width:960px){._tabs_fwq3m_1{width:100%}._tab_fwq3m_1{flex-grow:1;padding:14px 5px}}.dark ._tabs_fwq3m_1{border-bottom:2px solid var(--color-primary-dark)}.dark ._tab_fwq3m_1{background-color:var(--color-gray-dark)}.dark ._tab_fwq3m_1[data-active=true]{background-color:var(--color-primary-dark)}
+._tabs_fwq3m_1{border-bottom:2px solid var(--color-primary);flex-wrap:wrap;display:flex}._tab_fwq3m_1{color:var(--color-black);cursor:pointer;background-color:var(--color-gray-light);border:0;padding:14px 8px;font-size:.875rem}._tab_fwq3m_1:hover{background-color:var(--color-gray)}._tab_fwq3m_1:first-child{border-top-left-radius:8px}._tab_fwq3m_1:last-child{border-top-right-radius:8px}._tab_fwq3m_1[data-active=true]{color:var(--color-white);background-color:var(--color-primary)}@media (max-width:960px){._tabs_fwq3m_1{width:100%}._tab_fwq3m_1{flex-grow:1;padding:14px 5px}}.dark ._tabs_fwq3m_1{border-bottom:2px solid var(--color-primary-dark)}.dark ._tab_fwq3m_1{background-color:var(--color-gray-dark)}.dark ._tab_fwq3m_1[data-active=true]{background-color:var(--color-primary-dark)}

package/dist/UiTabs/UiTabs.js

@@ -1,33 +1,25 @@
 import "./UiTabs.css";
-import { defineComponent as i, createElementBlock as e, openBlock as s, normalizeClass as l, Fragment as u, renderList as m, toDisplayString as _ } from "vue";
-import { _ as d } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const p = ["onClick", "data-active"], b = /* @__PURE__ */ i({
-  __name: "UiTabs",
-  props: {
-    tabs: {},
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: c }) {
-    const a = n, r = c;
-    return (o, C) => (s(), e("div", {
-      class: l(o.$style.tabs)
-    }, [
-      (s(!0), e(u, null, m(a.tabs, (t) => (s(), e("button", {
-        key: t.value,
-        onClick: (V) => r("update:modelValue", t.value),
-        class: l(o.$style.tab),
-        type: "button",
-        "data-active": a.modelValue === t.value
-      }, _(t.title), 11, p))), 128))
-    ], 2));
-  }
-}), f = "_tabs_fwq3m_1", v = "_tab_fwq3m_1", y = {
-  tabs: f,
-  tab: v
-}, k = {
-  $style: y
-}, h = /* @__PURE__ */ d(b, [["__cssModules", k]]);
-export {
-  h as default
-};
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { Fragment, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+var _hoisted_1 = ["onClick", "data-active"], UiTabs_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiTabs",
+	props: {
+		tabs: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = e, i = n;
+		return (e, n) => (openBlock(), createElementBlock("div", { class: normalizeClass(e.$style.tabs) }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(r.tabs, (t) => (openBlock(), createElementBlock("button", {
+			key: t.value,
+			onClick: (e) => i("update:modelValue", t.value),
+			class: normalizeClass(e.$style.tab),
+			type: "button",
+			"data-active": r.modelValue === t.value
+		}, toDisplayString(t.title), 11, _hoisted_1))), 128))], 2));
+	}
+}), [["__cssModules", { $style: {
+	tabs: "_tabs_fwq3m_1",
+	tab: "_tab_fwq3m_1"
+} }]]);
+export { UiTabs_default as default };

package/dist/UiTextarea/UiTextarea.css

@@ -1 +1 @@
-._textarea_15hzv_1{width:100%;padding:16px;font-size:1rem;line-height:1.4;resize:none;outline:none;border:1px solid var(--color-gray);border-radius:16px}._textarea_15hzv_1:hover{border:1px solid var(--color-gray-dark-extra)}._textarea_15hzv_1:focus{border:1px solid var(--color-primary)}._textarea_15hzv_1:disabled{color:var(--color-gray-dark-extra);background:var(--color-gray-light-extra);border-color:var(--color-transparent)}._textarea_15hzv_1::placeholder{color:var(--color-gray-dark-extra)}.dark ._textarea_15hzv_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}
+._textarea_15hzv_1{resize:none;border:1px solid var(--color-gray);border-radius:16px;outline:none;width:100%;padding:16px;font-size:1rem;line-height:1.4}._textarea_15hzv_1:hover{border:1px solid var(--color-gray-dark-extra)}._textarea_15hzv_1:focus{border:1px solid var(--color-primary)}._textarea_15hzv_1:disabled{color:var(--color-gray-dark-extra);background:var(--color-gray-light-extra);border-color:var(--color-transparent)}._textarea_15hzv_1::placeholder{color:var(--color-gray-dark-extra)}.dark ._textarea_15hzv_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}

package/dist/UiTextarea/UiTextarea.js

@@ -1,32 +1,26 @@
 import "./UiTextarea.css";
-import { defineComponent as i, createElementBlock as u, openBlock as d, normalizeClass as m } from "vue";
-import { _ as p } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const c = ["value", "disabled"], _ = /* @__PURE__ */ i({
-  __name: "UiTextarea",
-  props: {
-    modelValue: {},
-    isDisabled: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: o }) {
-    const t = s, l = o;
-    function n(e) {
-      l("update:modelValue", e.value);
-    }
-    return (e, a) => (d(), u("textarea", {
-      value: t.modelValue,
-      onInput: a[0] || (a[0] = (r) => n(r.target)),
-      disabled: t.isDisabled,
-      class: m(e.$style.textarea),
-      rows: "5",
-      "aria-label": "textarea"
-    }, null, 42, c));
-  }
-}), x = "_textarea_15hzv_1", f = {
-  textarea: x
-}, b = {
-  $style: f
-}, V = /* @__PURE__ */ p(_, [["__cssModules", b]]);
-export {
-  V as default
-};
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock } from "vue";
+var _hoisted_1 = ["value", "disabled"], UiTextarea_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiTextarea",
+	props: {
+		modelValue: {},
+		isDisabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e) {
+			r("update:modelValue", e.value);
+		}
+		return (e, t) => (openBlock(), createElementBlock("textarea", {
+			value: n.modelValue,
+			onInput: t[0] ||= (e) => i(e.target),
+			disabled: n.isDisabled,
+			class: normalizeClass(e.$style.textarea),
+			rows: "5",
+			"aria-label": "textarea"
+		}, null, 42, _hoisted_1));
+	}
+}), [["__cssModules", { $style: { textarea: "_textarea_15hzv_1" } }]]);
+export { UiTextarea_default as default };

package/dist/UiUpload/UiUpload.css

@@ -1 +1 @@
-._container_10je3_1{display:flex;gap:16px}._upload_10je3_6{display:flex;flex-direction:column;gap:4px}._addButton_10je3_12{display:flex;flex-direction:column;gap:8px;min-width:200px}._text_10je3_19{font-size:.75rem}._text_10je3_19[data-error=true]{color:var(--color-error)}._input_10je3_26{display:none}._name_10je3_30{flex:1;max-width:136px;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}._file_10je3_38{display:flex;gap:8px;align-items:center}._error_10je3_44{color:var(--color-error)}._uploadButton_10je3_48[data-label=true]{margin-top:28px}.dark ._label_10je3_52,.dark ._text_10je3_19,.dark ._name_10je3_30{color:var(--color-white)}
+._container_10je3_1{gap:16px;display:flex}._upload_10je3_6{flex-direction:column;gap:4px;display:flex}._addButton_10je3_12{flex-direction:column;gap:8px;min-width:200px;display:flex}._text_10je3_19{font-size:.75rem}._text_10je3_19[data-error=true]{color:var(--color-error)}._input_10je3_26{display:none}._name_10je3_30{text-overflow:ellipsis;flex:1;max-width:136px;font-size:.875rem;overflow:hidden}._file_10je3_38{align-items:center;gap:8px;display:flex}._error_10je3_44{color:var(--color-error)}._uploadButton_10je3_48[data-label=true]{margin-top:28px}.dark ._label_10je3_52,.dark ._text_10je3_19,.dark ._name_10je3_30{color:var(--color-white)}

package/dist/UiUpload/UiUpload.js

@@ -1,169 +1,126 @@
 import "./UiUpload.css";
-import { createElementBlock as o, openBlock as s, createStaticVNode as M, defineComponent as z, ref as b, computed as I, normalizeClass as n, createElementVNode as r, withDirectives as D, createCommentVNode as d, toDisplayString as a, createVNode as m, unref as u, withCtx as v, createTextVNode as p, Fragment as B, renderList as E, vShow as F } from "vue";
-import y from "../UiButton/UiButton.js";
-import { M as g } from "../index-DajWja1y.js";
-import { _ as N } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const V = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  fill: "none"
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { t as UiButton_default } from "../UiButton-DkJNVTgF.js";
+import { t as MESSAGES } from "../locales-DIKIa9I3.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+var _hoisted_1$1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	fill: "none"
 };
-function A(_, c) {
-  return s(), o("svg", V, [...c[0] || (c[0] = [
-    M('<g fill="currentColor" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M12.219 0h.875Q15.532.469 16 2.906v.875a3.6 3.6 0 0 1-.766 1.719l-4.546 4.547q-1.536 1.189-3.376.562a3.55 3.55 0 0 1-1.234-.828q-.37-.747.39-1.078a1 1 0 0 1 .438.031q.3.253.625.47 1.09.563 2.125-.095 2.288-2.241 4.547-4.515.928-1.322-.062-2.594-1.287-1.184-2.735-.203a143 143 0 0 1-2.531 2.5q-.72.3-1.016-.422a.8.8 0 0 1 .094-.562L10.531.733A3.6 3.6 0 0 1 12.22 0"></path><path d="M3.781 16h-.875Q.47 15.532 0 13.094v-.875q.151-.96.766-1.719l4.172-4.172Q6.594 5.062 8.53 5.86q.46.227.844.563a.75.75 0 0 1 .266.797q-.274.609-.922.422l-.688-.5q-1.065-.513-2.062.125-2.1 2.053-4.172 4.14-.94 1.35.094 2.625 1.189 1.08 2.578.266l2.281-2.219q.88-.318 1.031.594a.7.7 0 0 1-.11.39Q6.587 14.15 5.5 15.235A3.6 3.6 0 0 1 3.781 16"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs>', 2)
-  ])]);
+function render(e, t) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [...t[0] ||= [createStaticVNode("<g fill=\"currentColor\" fill-rule=\"evenodd\" clip-path=\"url(#a)\" clip-rule=\"evenodd\"><path d=\"M12.219 0h.875Q15.532.469 16 2.906v.875a3.6 3.6 0 0 1-.766 1.719l-4.546 4.547q-1.536 1.189-3.376.562a3.55 3.55 0 0 1-1.234-.828q-.37-.747.39-1.078a1 1 0 0 1 .438.031q.3.253.625.47 1.09.563 2.125-.095 2.288-2.241 4.547-4.515.928-1.322-.062-2.594-1.287-1.184-2.735-.203a143 143 0 0 1-2.531 2.5q-.72.3-1.016-.422a.8.8 0 0 1 .094-.562L10.531.733A3.6 3.6 0 0 1 12.22 0\"></path><path d=\"M3.781 16h-.875Q.47 15.532 0 13.094v-.875q.151-.96.766-1.719l4.172-4.172Q6.594 5.062 8.53 5.86q.46.227.844.563a.75.75 0 0 1 .266.797q-.274.609-.922.422l-.688-.5q-1.065-.513-2.062.125-2.1 2.053-4.172 4.14-.94 1.35.094 2.625 1.189 1.08 2.578.266l2.281-2.219q.88-.318 1.031.594a.7.7 0 0 1-.11.39Q6.587 14.15 5.5 15.235A3.6 3.6 0 0 1 3.781 16\"></path></g><defs><clipPath id=\"a\"><path fill=\"currentColor\" d=\"M0 0h16v16H0z\"></path></clipPath></defs>", 2)]]);
 }
-const L = { render: A }, h = 10 * 1024 * 1024;
-new File([""], "file1.png");
-new File([""], "file2.png");
-const Q = ["data-error"], U = ["accept", "multiple"], x = ["data-label"], P = /* @__PURE__ */ z({
-  __name: "UiUpload",
-  props: {
-    label: { default: void 0 },
-    file: { default: void 0 },
-    files: { default: () => [] },
-    extensions: { default: () => ["jpg", "png"] },
-    error: { type: [String, Boolean], default: void 0 },
-    isDisabled: { type: Boolean },
-    isRequired: { type: Boolean },
-    isSingle: { type: Boolean },
-    lang: { default: "ru" }
-  },
-  emits: ["add", "remove", "upload"],
-  setup(_, { emit: c }) {
-    const e = _, f = c, $ = b(), k = b(0), j = I(() => e.extensions.map((l) => `.${l}`).join(","));
-    function C() {
-      $?.value?.click?.();
-    }
-    async function S(l) {
-      l && (f("remove", l), k.value++);
-    }
-    function q(l) {
-      if (e.isSingle) {
-        const t = l.files?.[0];
-        t?.size && t.size < h && f("add", t);
-      } else {
-        const t = l.files;
-        if (t === null) return;
-        for (const i of t)
-          i.size > 0 && i.size < h && f("add", i);
-      }
-    }
-    return (l, t) => (s(), o("div", {
-      class: n(l.$style.container)
-    }, [
-      r("div", {
-        class: n(l.$style.upload)
-      }, [
-        e.label ? (s(), o("div", {
-          key: 0,
-          class: n(l.$style.label)
-        }, [
-          r("span", null, a(e.label), 1),
-          e.isRequired ? (s(), o("span", {
-            key: 0,
-            class: n(l.$style.error)
-          }, "*", 2)) : d("", !0)
-        ], 2)) : d("", !0),
-        r("div", {
-          class: n(l.$style.addButton)
-        }, [
-          m(y, {
-            onClick: C,
-            layout: "secondary",
-            isDisabled: e.isDisabled || e.isSingle && e.files.length > 0 || e.isSingle && !!e.file,
-            icon: u(L)
-          }, {
-            default: v(() => [
-              t[3] || (t[3] = p(" Add file", -1)),
-              e.isSingle ? d("", !0) : (s(), o(B, { key: 0 }, [
-                p("s")
-              ], 64))
-            ]),
-            _: 1
-          }, 8, ["isDisabled", "icon"]),
-          r("div", {
-            class: n(l.$style.text),
-            "data-error": !!e.error
-          }, " Size up to " + a(u(h) / (1024 * 1024)) + " Mb, " + a(e.extensions.join(", ")) + ". ", 11, Q)
-        ], 2),
-        (s(), o("input", {
-          type: "file",
-          onInput: t[0] || (t[0] = (i) => q(i.target)),
-          ref_key: "input",
-          ref: $,
-          class: n(l.$style.input),
-          key: k.value,
-          accept: j.value,
-          multiple: !e.isSingle
-        }, null, 42, U)),
-        e.files?.length && !e.file ? (s(!0), o(B, { key: 1 }, E(_.files, (i, w) => (s(), o("div", {
-          key: `${i}-${w}`,
-          class: n(l.$style.file)
-        }, [
-          r("div", {
-            class: n(l.$style.name)
-          }, a(i.name), 3),
-          m(y, {
-            onClick: (le) => S(i),
-            layout: "plain"
-          }, {
-            default: v(() => [
-              p(a(u(g)[e.lang].remove), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ], 2))), 128)) : d("", !0),
-        e.isSingle && e.file ? (s(), o("div", {
-          key: 2,
-          class: n(l.$style.file)
-        }, [
-          r("div", {
-            class: n(l.$style.name)
-          }, a(e.file.name), 3),
-          m(y, {
-            onClick: t[1] || (t[1] = (i) => S(e.file)),
-            layout: "plain"
-          }, {
-            default: v(() => [
-              p(a(u(g)[e.lang].remove), 1)
-            ]),
-            _: 1
-          })
-        ], 2)) : d("", !0)
-      ], 2),
-      D(r("div", {
-        class: n(l.$style.uploadButton),
-        "data-label": !!e.label
-      }, [
-        m(y, {
-          onClick: t[2] || (t[2] = (i) => f("upload"))
-        }, {
-          default: v(() => [
-            p(a(u(g)[e.lang].upload), 1)
-          ]),
-          _: 1
-        })
-      ], 10, x), [
-        [F, e.isSingle && e.file || e.files.length > 0]
-      ])
-    ], 2));
-  }
-}), R = "_container_10je3_1", G = "_upload_10je3_6", H = "_addButton_10je3_12", K = "_text_10je3_19", Z = "_input_10je3_26", J = "_name_10je3_30", O = "_file_10je3_38", T = "_error_10je3_44", W = "_uploadButton_10je3_48", X = "_label_10je3_52", Y = {
-  container: R,
-  upload: G,
-  addButton: H,
-  text: K,
-  input: Z,
-  name: J,
-  file: O,
-  error: T,
-  uploadButton: W,
-  label: X
-}, ee = {
-  $style: Y
-}, se = /* @__PURE__ */ N(P, [["__cssModules", ee]]);
-export {
-  se as default
-};
+var upload_default = { render };
+new File([""], "file1.png"), new File([""], "file2.png");
+var _hoisted_1 = ["data-error"], _hoisted_2 = ["accept", "multiple"], _hoisted_3 = ["data-label"], UiUpload_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiUpload",
+	props: {
+		label: { default: void 0 },
+		file: { default: void 0 },
+		files: { default: () => [] },
+		extensions: { default: () => ["jpg", "png"] },
+		error: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		isDisabled: { type: Boolean },
+		isRequired: { type: Boolean },
+		isSingle: { type: Boolean },
+		lang: { default: "ru" }
+	},
+	emits: [
+		"add",
+		"remove",
+		"upload"
+	],
+	setup(e, { emit: i }) {
+		let a = e, o = i, s = ref(), c = ref(0), l = computed(() => a.extensions.map((e) => `.${e}`).join(","));
+		function u() {
+			s?.value?.click?.();
+		}
+		async function d(e) {
+			e && (o("remove", e), c.value++);
+		}
+		function f(e) {
+			if (a.isSingle) {
+				let t = e.files?.[0];
+				t?.size && t.size < 10485760 && o("add", t);
+			} else {
+				let t = e.files;
+				if (t === null) return;
+				for (let e of t) e.size > 0 && e.size < 10485760 && o("add", e);
+			}
+		}
+		return (r, i) => (openBlock(), createElementBlock("div", { class: normalizeClass(r.$style.container) }, [createElementVNode("div", { class: normalizeClass(r.$style.upload) }, [
+			a.label ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(r.$style.label)
+			}, [createElementVNode("span", null, toDisplayString(a.label), 1), a.isRequired ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(r.$style.error)
+			}, "*", 2)) : createCommentVNode("", !0)], 2)) : createCommentVNode("", !0),
+			createElementVNode("div", { class: normalizeClass(r.$style.addButton) }, [createVNode(UiButton_default, {
+				onClick: u,
+				layout: "secondary",
+				isDisabled: a.isDisabled || a.isSingle && a.files.length > 0 || a.isSingle && !!a.file,
+				icon: unref(upload_default)
+			}, {
+				default: withCtx(() => [i[3] ||= createTextVNode(" Add file", -1), a.isSingle ? createCommentVNode("", !0) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("s")], 64))]),
+				_: 1
+			}, 8, ["isDisabled", "icon"]), createElementVNode("div", {
+				class: normalizeClass(r.$style.text),
+				"data-error": !!a.error
+			}, " Size up to " + toDisplayString(unref(10485760) / (1024 * 1024)) + " Mb, " + toDisplayString(a.extensions.join(", ")) + ". ", 11, _hoisted_1)], 2),
+			(openBlock(), createElementBlock("input", {
+				type: "file",
+				onInput: i[0] ||= (e) => f(e.target),
+				ref_key: "input",
+				ref: s,
+				class: normalizeClass(r.$style.input),
+				key: c.value,
+				accept: l.value,
+				multiple: !a.isSingle
+			}, null, 42, _hoisted_2)),
+			a.files?.length && !a.file ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.files, (e, n) => (openBlock(), createElementBlock("div", {
+				key: `${e}-${n}`,
+				class: normalizeClass(r.$style.file)
+			}, [createElementVNode("div", { class: normalizeClass(r.$style.name) }, toDisplayString(e.name), 3), createVNode(UiButton_default, {
+				onClick: (t) => d(e),
+				layout: "plain"
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(MESSAGES)[a.lang].remove), 1)]),
+				_: 1
+			}, 8, ["onClick"])], 2))), 128)) : createCommentVNode("", !0),
+			a.isSingle && a.file ? (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass(r.$style.file)
+			}, [createElementVNode("div", { class: normalizeClass(r.$style.name) }, toDisplayString(a.file.name), 3), createVNode(UiButton_default, {
+				onClick: i[1] ||= (e) => d(a.file),
+				layout: "plain"
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(MESSAGES)[a.lang].remove), 1)]),
+				_: 1
+			})], 2)) : createCommentVNode("", !0)
+		], 2), withDirectives(createElementVNode("div", {
+			class: normalizeClass(r.$style.uploadButton),
+			"data-label": !!a.label
+		}, [createVNode(UiButton_default, { onClick: i[2] ||= (e) => o("upload") }, {
+			default: withCtx(() => [createTextVNode(toDisplayString(unref(MESSAGES)[a.lang].upload), 1)]),
+			_: 1
+		})], 10, _hoisted_3), [[vShow, a.isSingle && a.file || a.files.length > 0]])], 2));
+	}
+}), [["__cssModules", { $style: {
+	container: "_container_10je3_1",
+	upload: "_upload_10je3_6",
+	addButton: "_addButton_10je3_12",
+	text: "_text_10je3_19",
+	input: "_input_10je3_26",
+	name: "_name_10je3_30",
+	file: "_file_10je3_38",
+	error: "_error_10je3_44",
+	uploadButton: "_uploadButton_10je3_48",
+	label: "_label_10je3_52"
+} }]]);
+export { UiUpload_default as default };

package/dist/_plugin-vue_export-helper-Bt71PsSa.js

@@ -0,0 +1,6 @@
+var _plugin_vue_export_helper_default = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+export { _plugin_vue_export_helper_default as t };