prlg-ui 1.6.0 → 1.6.1

package/dist/blocks/index.es.js

@@ -1,156 +1,45 @@
-import { defineComponent as v, ref as b, createBlock as _, openBlock as n, Teleport as O, createVNode as f, Transition as x, withCtx as B, createElementBlock as u, createCommentVNode as h, createElementVNode as a, unref as m, useTemplateRef as k, Fragment as $, normalizeClass as y, computed as I, resolveDynamicComponent as V, toDisplayString as p, mergeModels as w, useModel as M, reactive as P, shallowRef as S, onMounted as z, withDirectives as R, renderList as A, vShow as D, vModelText as N, onUnmounted as U, withModifiers as j, createTextVNode as H } from "vue";
-import { C as E, _ as C, E as T } from "../EyeIcon-DvnVzBB3.js";
-import { F as L, E as W, W as q, P as G, I as X, a as Y, S as Z, A as J, C as K, T as Q, B as ee } from "../TrashIcon-CI-cs4RF.js";
-import { o as se } from "../onClickOutside.util-CJueL_Rz.js";
-import { d as ae } from "../dayjs.util-RJe77c19.js";
-const te = {
-  key: 0,
-  class: "image-full-modal"
-}, le = { class: "image-full-modal__wrapper" }, ie = { class: "image-full-modal__header" }, ne = { class: "image-full-modal__main" }, oe = ["src", "alt"], ce = /* @__PURE__ */ v({
-  __name: "ImageFullModal",
-  props: {
-    src: {},
-    alt: {}
-  },
-  setup(s, { expose: o }) {
-    const e = b(!1);
-    return o({
-      open: () => {
-        e.value = !0;
-      },
-      close: () => {
-        e.value = !1;
-      }
-    }), (i, l) => (n(), _(O, { to: "body" }, [
-      f(x, { name: "fade" }, {
-        default: B(() => [
-          e.value ? (n(), u("div", te, [
-            a("div", {
-              class: "image-full-modal__overlay",
-              onClick: l[0] || (l[0] = (r) => e.value = !1)
-            }),
-            a("div", le, [
-              a("div", ie, [
-                a("button", {
-                  class: "image-full-modal__close",
-                  onClick: l[1] || (l[1] = (r) => e.value = !1)
-                }, [
-                  f(m(E))
-                ])
-              ]),
-              a("div", ne, [
-                a("img", {
-                  src: i.src,
-                  alt: i.alt
-                }, null, 8, oe)
-              ]),
-              l[2] || (l[2] = a("div", { class: "image-full-modal__footer" }, null, -1))
-            ])
-          ])) : h("", !0)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-}), re = /* @__PURE__ */ C(ce, [["__scopeId", "data-v-edc1a47e"]]), de = ["src", "alt"], ue = /* @__PURE__ */ v({
-  __name: "Image",
-  props: {
-    src: {},
-    alt: {},
-    size: { default: "medium" },
-    fillScreen: { type: Boolean }
-  },
-  setup(s) {
-    const o = k("imageFullModal");
-    return (e, i) => (n(), u($, null, [
-      a("div", {
-        class: y(["image", `image--${e.size}`, { "image--fill-screen": e.fillScreen }])
-      }, [
-        e.fillScreen ? (n(), u("div", {
-          key: 0,
-          class: "image__overlay",
-          onClick: i[0] || (i[0] = (l) => o.value?.open())
-        }, [
-          f(m(T))
-        ])) : h("", !0),
-        a("img", {
-          src: e.src,
-          alt: e.alt
-        }, null, 8, de)
-      ], 2),
-      e.fillScreen ? (n(), _(re, {
-        key: 0,
-        ref: "imageFullModal",
-        src: e.src,
-        alt: e.alt
-      }, null, 8, ["src", "alt"])) : h("", !0)
-    ], 64));
-  }
-}), me = /* @__PURE__ */ C(ue, [["__scopeId", "data-v-360a26ed"]]);
-function F(s) {
-  return s.startsWith("image/") ? "image" : s === "application/pdf" ? "pdf" : s === "application/msword" || s === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? "word" : s === "application/vnd.ms-excel" || s === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ? "excel" : "other";
-}
-const fe = { class: "chat-file__content" }, _e = {
-  key: 1,
-  class: "chat-file__content-file"
-}, pe = { class: "chat-file__content-file-icon" }, ve = { class: "chat-file__content-file-name" }, ge = /* @__PURE__ */ v({
+import { defineComponent as g, computed as w, createElementBlock as u, openBlock as o, normalizeClass as h, unref as r, createElementVNode as l, createVNode as f, createBlock as p, mergeModels as y, useModel as b, useTemplateRef as k, ref as C, reactive as R, shallowRef as $, onMounted as x, Transition as A, withCtx as z, withDirectives as S, Fragment as F, renderList as B, resolveDynamicComponent as L, toDisplayString as _, vShow as T, createCommentVNode as I, vModelText as E, onUnmounted as D, withModifiers as U, createTextVNode as N } from "vue";
+import { g as M, I as O, F as P, p as j } from "../Image-CqmYPuqB.js";
+import { C as H, _ as V, F as q } from "../FileIcon-DkEbi-bi.js";
+import { I as X, P as Y, S as G, A as J, C as K, T as Q, B as W } from "../TrashIcon-D9034G7A.js";
+import { o as Z } from "../onClickOutside.util-CJueL_Rz.js";
+import { d as ee } from "../dayjs.util-RJe77c19.js";
+const se = { class: "chat-file__content" }, te = /* @__PURE__ */ g({
   __name: "ChatFile",
   props: {
     file: {}
   },
   emits: ["deleteFile"],
-  setup(s, { emit: o }) {
-    const e = o, i = I(() => URL.createObjectURL(s.file)), l = I(() => {
-      switch (F(s.file.type)) {
-        case "pdf":
-          return G;
-        case "word":
-          return q;
-        case "excel":
-          return W;
-        case "other":
-          return L;
-        default:
-          return null;
-      }
-    });
-    return (r, t) => (n(), u("div", {
-      class: y(["chat-file", { "chat-file--image": m(F)(r.file.type) === "image" }])
+  setup(a, { emit: c }) {
+    const s = c, d = w(() => URL.createObjectURL(a.file));
+    return (t, m) => (o(), u("div", {
+      class: h(["chat-file", { "chat-file--image": r(M)(t.file.type) === "image" }])
     }, [
-      a("button", {
+      l("button", {
         class: "chat-file__delete",
-        onClick: t[0] || (t[0] = (c) => e("deleteFile", r.file))
+        onClick: m[0] || (m[0] = (e) => s("deleteFile", t.file))
       }, [
-        f(m(E))
+        f(r(H))
       ]),
-      a("div", fe, [
-        m(F)(r.file.type) === "image" ? (n(), _(m(me), {
+      l("div", se, [
+        r(M)(t.file.type) === "image" ? (o(), p(r(O), {
           key: 0,
-          src: i.value,
-          alt: r.file.name,
+          src: d.value,
+          alt: t.file.name,
           size: "large",
           "fill-screen": ""
-        }, null, 8, ["src", "alt"])) : (n(), u("div", _e, [
-          a("div", pe, [
-            (n(), _(V(l.value)))
-          ]),
-          a("div", ve, p(r.file.name), 1)
-        ])),
-        t[1] || (t[1] = a("div", { class: "chat-file__info" }, [
-          a("div", { class: "chat-file__info-name" }, " PNG "),
-          a("div", { class: "chat-file__info-separator" }),
-          a("div", { class: "chat-file__info-size" }, " 34 MB ")
-        ], -1))
+        }, null, 8, ["src", "alt"])) : (o(), p(r(P), {
+          key: 1,
+          file: t.file,
+          outlined: !1
+        }, null, 8, ["file"]))
       ])
     ], 2));
   }
-}), he = /* @__PURE__ */ C(ge, [["__scopeId", "data-v-15110fe6"]]), ye = (s) => {
-  const o = ["b", "kb", "mb", "gb", "tb"], e = s.match(/[a-zA-Z]+/)?.[0] || "b", i = parseFloat(s.replace(e, "")), l = o.indexOf(e.toLowerCase());
-  return i * Math.pow(1024, l);
-};
-function be(s) {
-  if (!s) return;
-  const o = Array.isArray(s) ? s : [s], e = {
+}), ae = /* @__PURE__ */ V(te, [["__scopeId", "data-v-4956400c"]]);
+function le(a) {
+  if (!a) return;
+  const c = Array.isArray(a) ? a : [a], s = {
     image: ["image/*"],
     pdf: ["application/pdf"],
     excel: [
@@ -163,30 +52,30 @@ function be(s) {
     ],
     all: ["*/*"]
   };
-  return o.flatMap((i) => e[i] || []).join(",");
+  return c.flatMap((d) => s[d] || []).join(",");
 }
-function $e(s = {}) {
-  return new Promise((o) => {
-    const e = document.createElement("input");
-    e.type = "file", e.style.display = "none", s.maxFiles && s.maxFiles > 1 && (e.multiple = !0);
-    const i = be(s.accept);
-    i && (e.accept = i), e.addEventListener("change", (l) => {
-      const r = l.target;
-      let t = [];
-      if (r.files && r.files.length > 0 && (t = Array.from(r.files), s.maxFiles && t.length > s.maxFiles && (t = t.slice(0, s.maxFiles)), s.maxFileSize)) {
-        const c = ye(s.maxFileSize);
-        t = t.filter((d) => d.size <= c);
+function ie(a = {}) {
+  return new Promise((c) => {
+    const s = document.createElement("input");
+    s.type = "file", s.style.display = "none", a.maxFiles && a.maxFiles > 1 && (s.multiple = !0);
+    const d = le(a.accept);
+    d && (s.accept = d), s.addEventListener("change", (t) => {
+      const m = t.target;
+      let e = [];
+      if (m.files && m.files.length > 0 && (e = Array.from(m.files), a.maxFiles && e.length > a.maxFiles && (e = e.slice(0, a.maxFiles)), a.maxFileSize)) {
+        const i = j(a.maxFileSize);
+        e = e.filter((n) => n.size <= i);
       }
-      o(t), document.body.removeChild(e);
-    }), document.body.appendChild(e), e.click();
+      c(e), document.body.removeChild(s);
+    }), document.body.appendChild(s), s.click();
   });
 }
-const Ce = { class: "chat-field-actions" }, Fe = {
+const ne = { class: "chat-field-actions" }, oe = {
   ref: "overlay",
   class: "chat-field-actions__overlay"
-}, ke = ["onClick"], Ie = { class: "chat-field-actions__overlay-item__label" }, we = ["disabled"], Me = /* @__PURE__ */ v({
+}, ce = ["onClick"], de = { class: "chat-field-actions__overlay-item__label" }, me = ["disabled"], re = /* @__PURE__ */ g({
   __name: "ChatFieldActions",
-  props: /* @__PURE__ */ w({
+  props: /* @__PURE__ */ y({
     actions: {},
     disabled: { type: Boolean, default: !1 },
     multiple: { type: Boolean, default: !0 }
@@ -195,63 +84,63 @@ const Ce = { class: "chat-field-actions" }, Fe = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const o = M(s, "modelValue"), e = k("button"), i = k("overlay"), l = b(!1), r = P({
+  setup(a) {
+    const c = b(a, "modelValue"), s = k("button"), d = k("overlay"), t = C(!1), m = R({
       image: {
-        icon: S(X),
+        icon: $(X),
         label: "Добавить изображение"
       },
       file: {
-        icon: S(L),
+        icon: $(q),
         label: "Добавить файл"
       }
-    }), t = (c) => {
-      $e({
-        accept: c === "image" ? ["image"] : ["pdf", "excel", "word"],
+    }), e = (i) => {
+      ie({
+        accept: i === "image" ? ["image"] : ["pdf", "excel", "word"],
         maxFileSize: "5mb",
         maxFiles: 1
-      }).then((d) => {
-        o.value ? o.value = s.multiple ? [...o.value, ...d] : d : o.value = [...d], l.value = !1;
+      }).then((n) => {
+        c.value ? c.value = a.multiple ? [...c.value, ...n] : n : c.value = [...n], t.value = !1;
       });
     };
-    return z(() => {
-      se(i.value, () => {
-        l.value = !1;
-      }, { ignore: [e.value] });
-    }), (c, d) => (n(), u("div", Ce, [
-      f(x, { name: "slide-up" }, {
-        default: B(() => [
-          R(a("div", Fe, [
-            (n(!0), u($, null, A(c.actions, (g) => (n(), u("div", {
+    return x(() => {
+      Z(d.value, () => {
+        t.value = !1;
+      }, { ignore: [s.value] });
+    }), (i, n) => (o(), u("div", ne, [
+      f(A, { name: "slide-up" }, {
+        default: z(() => [
+          S(l("div", oe, [
+            (o(!0), u(F, null, B(i.actions, (v) => (o(), u("div", {
               class: "chat-field-actions__overlay-item",
-              key: g,
-              onClick: (He) => t(g)
+              key: v,
+              onClick: (we) => e(v)
             }, [
-              (n(), _(V(r[g].icon), { class: "chat-field-actions__overlay-item__icon" })),
-              a("span", Ie, p(r[g].label), 1)
-            ], 8, ke))), 128))
+              (o(), p(L(m[v].icon), { class: "chat-field-actions__overlay-item__icon" })),
+              l("span", de, _(m[v].label), 1)
+            ], 8, ce))), 128))
           ], 512), [
-            [D, l.value]
+            [T, t.value]
           ])
         ]),
         _: 1
       }),
-      a("button", {
+      l("button", {
         ref: "button",
-        onClick: d[0] || (d[0] = (g) => l.value = !l.value),
-        class: y(["chat-field-actions__button", { "chat-field-actions__button--active": l.value }]),
-        disabled: c.disabled
+        onClick: n[0] || (n[0] = (v) => t.value = !t.value),
+        class: h(["chat-field-actions__button", { "chat-field-actions__button--active": t.value }]),
+        disabled: i.disabled
       }, [
-        f(m(Y))
-      ], 10, we)
+        f(r(Y))
+      ], 10, me)
     ]));
   }
-}), Se = /* @__PURE__ */ C(Me, [["__scopeId", "data-v-6b295528"]]), xe = { class: "chat-field" }, Be = {
+}), ue = /* @__PURE__ */ V(re, [["__scopeId", "data-v-6b295528"]]), fe = { class: "chat-field" }, _e = {
   key: 0,
   class: "chat-field__files"
-}, Ve = { class: "chat-field__wrapper" }, ze = ["placeholder"], Ye = /* @__PURE__ */ v({
+}, pe = { class: "chat-field__wrapper" }, ve = ["placeholder"], ze = /* @__PURE__ */ g({
   __name: "ChatField",
-  props: /* @__PURE__ */ w({
+  props: /* @__PURE__ */ y({
     viewActions: { type: Boolean, default: !1 },
     actions: { default: () => ["file", "image"] },
     placeholder: { default: "Введите сообщение" },
@@ -262,112 +151,112 @@ const Ce = { class: "chat-field-actions" }, Fe = {
     files: {},
     filesModifiers: {}
   }),
-  emits: /* @__PURE__ */ w(["sendMessage"], ["update:message", "update:files"]),
-  setup(s, { emit: o }) {
-    const e = o, i = M(s, "message"), l = M(s, "files"), r = (t) => {
-      l.value && (l.value = l.value.filter((c) => c.name !== t.name));
+  emits: /* @__PURE__ */ y(["sendMessage"], ["update:message", "update:files"]),
+  setup(a, { emit: c }) {
+    const s = c, d = b(a, "message"), t = b(a, "files"), m = (e) => {
+      t.value && (t.value = t.value.filter((i) => i.name !== e.name));
     };
-    return (t, c) => (n(), u("div", xe, [
-      l.value && l.value.length > 0 ? (n(), u("div", Be, [
-        (n(!0), u($, null, A(l.value, (d) => (n(), _(he, {
-          key: d.name,
-          file: d,
-          onDeleteFile: r
+    return (e, i) => (o(), u("div", fe, [
+      t.value && t.value.length > 0 ? (o(), u("div", _e, [
+        (o(!0), u(F, null, B(t.value, (n) => (o(), p(ae, {
+          key: n.name,
+          file: n,
+          onDeleteFile: m
         }, null, 8, ["file"]))), 128))
-      ])) : h("", !0),
-      a("div", Ve, [
-        t.viewActions && t.actions.length > 0 ? (n(), _(Se, {
+      ])) : I("", !0),
+      l("div", pe, [
+        e.viewActions && e.actions.length > 0 ? (o(), p(ue, {
           key: 0,
-          modelValue: l.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (d) => l.value = d),
-          actions: t.actions,
-          disabled: t.disabled
-        }, null, 8, ["modelValue", "actions", "disabled"])) : h("", !0),
-        R(a("input", {
-          "onUpdate:modelValue": c[1] || (c[1] = (d) => i.value = d),
+          modelValue: t.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (n) => t.value = n),
+          actions: e.actions,
+          disabled: e.disabled
+        }, null, 8, ["modelValue", "actions", "disabled"])) : I("", !0),
+        S(l("input", {
+          "onUpdate:modelValue": i[1] || (i[1] = (n) => d.value = n),
           class: "chat-field__input",
-          placeholder: t.placeholder
-        }, null, 8, ze), [
-          [N, i.value]
+          placeholder: e.placeholder
+        }, null, 8, ve), [
+          [E, d.value]
         ]),
-        a("button", {
+        l("button", {
           class: "chat-field__button",
-          onClick: c[2] || (c[2] = (d) => e("sendMessage"))
+          onClick: i[2] || (i[2] = (n) => s("sendMessage"))
         }, [
-          f(m(Z))
+          f(r(G))
         ])
       ])
     ]));
   }
-}), Re = { class: "message__avatar" }, Ae = ["src"], Ee = { class: "message__content" }, Le = { class: "message__info" }, Oe = { class: "message__name" }, Pe = { class: "message__time" }, De = { class: "message__text" }, Ne = { class: "message-actions__item" }, Ue = { class: "message-actions__item" }, Ze = /* @__PURE__ */ v({
+}), ge = { class: "message__avatar" }, he = ["src"], ye = { class: "message__content" }, be = { class: "message__info" }, Ce = { class: "message__name" }, Fe = { class: "message__time" }, ke = { class: "message__text" }, $e = { class: "message-actions__item" }, Ie = { class: "message-actions__item" }, Le = /* @__PURE__ */ g({
   __name: "Message",
   props: {
     message: {},
     position: { default: "left" }
   },
-  setup(s) {
-    const o = I(() => [
+  setup(a) {
+    const c = w(() => [
       "message",
-      `message--${s.position}`
-    ]), e = b(null), i = b(!1), l = (t) => {
-      e.value && (i.value = !0, e.value.style.left = `${t.offsetX}px`, e.value.style.top = `${t.offsetY}px`);
-    }, r = (t) => {
-      e.value && t.composedPath().includes(e.value) || (i.value = !1);
+      `message--${a.position}`
+    ]), s = C(null), d = C(!1), t = (e) => {
+      s.value && (d.value = !0, s.value.style.left = `${e.offsetX}px`, s.value.style.top = `${e.offsetY}px`);
+    }, m = (e) => {
+      s.value && e.composedPath().includes(s.value) || (d.value = !1);
     };
-    return z(() => {
-      document.addEventListener("click", r);
-    }), U(() => {
-      document.removeEventListener("click", r);
-    }), (t, c) => (n(), u($, null, [
-      a("div", {
-        class: y(o.value),
-        onContextmenu: j(l, ["right", "prevent"])
+    return x(() => {
+      document.addEventListener("click", m);
+    }), D(() => {
+      document.removeEventListener("click", m);
+    }), (e, i) => (o(), u(F, null, [
+      l("div", {
+        class: h(c.value),
+        onContextmenu: U(t, ["right", "prevent"])
       }, [
-        a("div", Re, [
-          t.message.user.avatar ? (n(), u("img", {
+        l("div", ge, [
+          e.message.user.avatar ? (o(), u("img", {
             key: 1,
-            src: t.message.user.avatar,
+            src: e.message.user.avatar,
             alt: "avatar"
-          }, null, 8, Ae)) : (n(), _(m(J), { key: 0 }))
+          }, null, 8, he)) : (o(), p(r(J), { key: 0 }))
         ]),
-        a("div", Ee, [
-          a("div", Le, [
-            a("div", Oe, [
-              a("strong", null, p(t.message.user.name) + " " + p(t.message.user.lastname), 1),
-              H(" (" + p(t.message.user.post) + ") ", 1)
+        l("div", ye, [
+          l("div", be, [
+            l("div", Ce, [
+              l("strong", null, _(e.message.user.name) + " " + _(e.message.user.lastname), 1),
+              N(" (" + _(e.message.user.post) + ") ", 1)
             ]),
-            a("div", Pe, p(m(ae)(t.message.created_at).format("HH:mm")), 1)
+            l("div", Fe, _(r(ee)(e.message.created_at).format("HH:mm")), 1)
           ]),
-          a("p", De, p(t.message.text), 1)
+          l("p", ke, _(e.message.text), 1)
         ])
       ], 34),
-      a("div", {
+      l("div", {
         ref_key: "actionsRef",
-        ref: e,
-        class: y(["message-actions", { "message-actions--visible": i.value }])
+        ref: s,
+        class: h(["message-actions", { "message-actions--visible": d.value }])
       }, [
-        a("div", Ne, [
-          f(m(K), { class: "message-actions__item-icon" }),
-          c[0] || (c[0] = a("span", { class: "message-actions__item-text" }, "Копировать", -1))
+        l("div", $e, [
+          f(r(K), { class: "message-actions__item-icon" }),
+          i[0] || (i[0] = l("span", { class: "message-actions__item-text" }, "Копировать", -1))
         ]),
-        a("div", Ue, [
-          f(m(Q), { class: "message-actions__item-icon" }),
-          c[1] || (c[1] = a("span", { class: "message-actions__item-text" }, "Удалить", -1))
+        l("div", Ie, [
+          f(r(Q), { class: "message-actions__item-icon" }),
+          i[1] || (i[1] = l("span", { class: "message-actions__item-text" }, "Удалить", -1))
         ])
       ], 2)
     ], 64));
   }
-}), je = { class: "bonus-summary" }, Je = /* @__PURE__ */ v({
+}), Me = { class: "bonus-summary" }, Te = /* @__PURE__ */ g({
   __name: "BonusSummary",
-  setup(s) {
-    return (o, e) => (n(), u("div", je, [
-      f(m(ee), { class: "bonus-summary__icon" }),
-      e[0] || (e[0] = a("div", { class: "bonus-summary__number" }, "123", -1))
+  setup(a) {
+    return (c, s) => (o(), u("div", Me, [
+      f(r(W), { class: "bonus-summary__icon" }),
+      s[0] || (s[0] = l("div", { class: "bonus-summary__number" }, "123", -1))
     ]));
   }
 });
 export {
-  Je as BonusSummary,
-  Ye as ChatField,
-  Ze as Message
+  Te as BonusSummary,
+  ze as ChatField,
+  Le as Message
 };