prlg-ui 1.7.42 → 1.7.44

package/dist/Image-B46QCYLx.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("./FileIcon-sxADkCIe.cjs"),k=l=>{const c=["b","kb","mb","gb","tb"],i=l.match(/[a-zA-Z]+/)?.[0]||"b",o=parseFloat(l.replace(i,"")),t=c.indexOf(i.toLowerCase());return o*Math.pow(1024,t)};function v(l){if(isNaN(l)||l<0)return"0 Б";const c=["Б","КБ","МБ","ГБ","ТБ"];let i=0,o=l;for(;o>=1024&&i<c.length-1;)o=o/1024,i++;return`${o%1===0?o:o.toFixed(1)} ${c[i]}`}function g(l){return l.startsWith("image/")?"image":l==="application/pdf"?"pdf":l==="application/msword"||l==="application/vnd.openxmlformats-officedocument.wordprocessingml.document"?"word":l==="application/vnd.ms-excel"||l==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?"excel":"other"}const y={key:1,class:"file__title"},B={key:2,class:"file__info"},C={key:0,class:"file__type"},N={key:1,class:"file__info-separator"},V={key:2,class:"file__size"},h=e.defineComponent({__name:"File",props:{file:{},viewName:{type:Boolean,default:!1},outlined:{type:Boolean,default:!0},removable:{type:Boolean}},emits:["remove"],setup(l,{emit:c}){const i=c,o=e.useId(),t=e.ref(null);async function m(n,s="image"){const u=await(await fetch(n)).blob(),p=u.type.split("/")[1]||"",_=p?`${s}.${p}`:s;return new File([u],_,{type:u.type})}const f=e.computed(()=>t.value&&t.value.mime?g(t.value.mime):null),a=e.computed(()=>{switch(f.value){case"pdf":return r.PdfIcon;case"word":return r.WordIcon;case"excel":return r.ExcelIcon;case"other":default:return r.FileIcon}});return e.onMounted(async()=>{if(typeof l.file=="string"){const n=await m(l.file);t.value={id:o,url:l.file,name:n.name,mime:n.type,size:n.size}}else t.value=l.file}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["file",{"file--outlined":n.outlined}])},[n.removable&&typeof n.file!="string"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"file__remove",onClick:s[0]||(s[0]=d=>i("remove",n.file))},[e.createVNode(e.unref(r.CloseIcon))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{class:"file__icon"})),t.value&&t.value.name&&n.viewName?(e.openBlock(),e.createElementBlock("div",y,e.toDisplayString(t.value?t.value.name.split(".")[0]:"unknown"),1)):e.createCommentVNode("",!0),t.value?(e.openBlock(),e.createElementBlock("div",B,[t.value.mime?(e.openBlock(),e.createElementBlock("div",C,e.toDisplayString(f.value),1)):e.createCommentVNode("",!0),t.value.mime&&t.value.size?(e.openBlock(),e.createElementBlock("div",N)):e.createCommentVNode("",!0),t.value.size?(e.openBlock(),e.createElementBlock("div",V,e.toDisplayString(t.value?e.unref(v)(t.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),w=r._export_sfc(h,[["__scopeId","data-v-9dee864d"]]),E={key:0,class:"image-full-modal"},F={class:"image-full-modal__wrapper"},$={class:"image-full-modal__header"},b={class:"image-full-modal__main"},I=["src","alt"],z=e.defineComponent({__name:"ImageFullModal",props:{src:{},alt:{}},setup(l,{expose:c}){const i=e.ref(!1);return c({open:()=>{i.value=!0},close:()=>{i.value=!1}}),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",{class:"image-full-modal__overlay",onClick:t[0]||(t[0]=m=>i.value=!1)}),e.createElementVNode("div",F,[e.createElementVNode("div",$,[e.createElementVNode("button",{class:"image-full-modal__close",onClick:t[1]||(t[1]=m=>i.value=!1)},[e.createVNode(e.unref(r.CloseIcon))])]),e.createElementVNode("div",b,[e.createElementVNode("img",{src:o.src,alt:o.alt},null,8,I)]),t[2]||(t[2]=e.createElementVNode("div",{class:"image-full-modal__footer"},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}}),S=r._export_sfc(z,[["__scopeId","data-v-edc1a47e"]]),M=["src","alt"],x={key:1,class:"image__info"},j={key:0,class:"image__type"},D={key:1,class:"image__info-separator"},O={key:2,class:"image__size"},L=e.defineComponent({__name:"Image",props:{file:{},alt:{},size:{default:"medium"},fullScreen:{type:Boolean}},setup(l){const c=e.useId(),i=e.useTemplateRef("imageFullModal"),o=e.ref(null);async function t(a,n="image"){const d=await(await fetch(a)).blob(),u=d.type.split("/")[1]||"",p=u?`${n}.${u}`:n;return new File([d],p,{type:d.type})}const m=e.computed(()=>typeof l.file=="string"?l.file:l.file.url);function f(a){if(a.startsWith("image/"))return a.replace("image/","").toLowerCase();const n=a.match(/\.(jpeg|jpg|png|gif|webp|bmp|svg|tiff|ico)(\?.*)?$/i);if(n){let s=n[1].toLowerCase();return s==="jpg"&&(s="jpeg"),s}return"unknown"}return e.onMounted(async()=>{if(typeof l.file=="string"){const a=await t(l.file);o.value={id:c,url:l.file,name:a.name,mime:a.type,size:a.size}}else o.value=l.file}),(a,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["image",`image--${a.size}`,{"image--full-screen":a.fullScreen}])},[a.fullScreen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"image__overlay",onClick:n[0]||(n[0]=s=>i.value?.open())},[e.createVNode(e.unref(r.EyeIcon))])):e.createCommentVNode("",!0),e.createElementVNode("img",{src:m.value,alt:a.alt},null,8,M),o.value&&a.size==="large"?(e.openBlock(),e.createElementBlock("div",x,[o.value.mime?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(f(o.value.mime)),1)):e.createCommentVNode("",!0),o.value.mime&&o.value.size?(e.openBlock(),e.createElementBlock("div",D)):e.createCommentVNode("",!0),o.value.size?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(o.value?e.unref(v)(o.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),a.fullScreen?(e.openBlock(),e.createBlock(S,{key:0,ref:"imageFullModal",src:m.value,alt:a.alt},null,8,["src","alt"])):e.createCommentVNode("",!0)],64))}}),W=r._export_sfc(L,[["__scopeId","data-v-b7bef272"]]);exports.File=w;exports.Image=W;exports.getFileTypeByMime=g;exports.parseFileSize=k;

package/dist/Image-ddX0F8QG.js

@@ -0,0 +1,225 @@
+import { defineComponent as $, useId as z, ref as b, computed as w, onMounted as I, createElementBlock as o, openBlock as s, normalizeClass as C, createCommentVNode as r, createBlock as k, createVNode as h, unref as g, resolveDynamicComponent as j, toDisplayString as p, Teleport as x, Transition as E, withCtx as N, createElementVNode as m, useTemplateRef as V, Fragment as O } from "vue";
+import { F as W, E as L, W as D, P, C as S, _ as F, a as R } from "./FileIcon-DkEbi-bi.js";
+const ce = (l) => {
+  const c = ["b", "kb", "mb", "gb", "tb"], n = l.match(/[a-zA-Z]+/)?.[0] || "b", t = parseFloat(l.replace(n, "")), e = c.indexOf(n.toLowerCase());
+  return t * Math.pow(1024, e);
+};
+function B(l) {
+  if (isNaN(l) || l < 0) return "0 Б";
+  const c = ["Б", "КБ", "МБ", "ГБ", "ТБ"];
+  let n = 0, t = l;
+  for (; t >= 1024 && n < c.length - 1; )
+    t = t / 1024, n++;
+  return `${t % 1 === 0 ? t : t.toFixed(1)} ${c[n]}`;
+}
+function A(l) {
+  return l.startsWith("image/") ? "image" : l === "application/pdf" ? "pdf" : l === "application/msword" || l === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? "word" : l === "application/vnd.ms-excel" || l === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ? "excel" : "other";
+}
+const Z = {
+  key: 1,
+  class: "file__title"
+}, q = {
+  key: 2,
+  class: "file__info"
+}, G = {
+  key: 0,
+  class: "file__type"
+}, H = {
+  key: 1,
+  class: "file__info-separator"
+}, J = {
+  key: 2,
+  class: "file__size"
+}, K = /* @__PURE__ */ $({
+  __name: "File",
+  props: {
+    file: {},
+    viewName: { type: Boolean, default: !1 },
+    outlined: { type: Boolean, default: !0 },
+    removable: { type: Boolean }
+  },
+  emits: ["remove"],
+  setup(l, { emit: c }) {
+    const n = c, t = z(), e = b(null);
+    async function f(a, u = "image") {
+      const d = await (await fetch(a)).blob(), y = d.type.split("/")[1] || "", M = y ? `${u}.${y}` : u;
+      return new File([d], M, { type: d.type });
+    }
+    const _ = w(() => e.value && e.value.mime ? A(e.value.mime) : null), i = w(() => {
+      switch (_.value) {
+        case "pdf":
+          return P;
+        case "word":
+          return D;
+        case "excel":
+          return L;
+        case "other":
+        default:
+          return W;
+      }
+    });
+    return I(async () => {
+      if (typeof l.file == "string") {
+        const a = await f(l.file);
+        e.value = {
+          id: t,
+          url: l.file,
+          name: a.name,
+          mime: a.type,
+          size: a.size
+        };
+      } else
+        e.value = l.file;
+    }), (a, u) => (s(), o("div", {
+      class: C(["file", { "file--outlined": a.outlined }])
+    }, [
+      a.removable && typeof a.file != "string" ? (s(), o("button", {
+        key: 0,
+        class: "file__remove",
+        onClick: u[0] || (u[0] = (v) => n("remove", a.file))
+      }, [
+        h(g(S))
+      ])) : r("", !0),
+      (s(), k(j(i.value), { class: "file__icon" })),
+      e.value && e.value.name && a.viewName ? (s(), o("div", Z, p(e.value ? e.value.name.split(".")[0] : "unknown"), 1)) : r("", !0),
+      e.value ? (s(), o("div", q, [
+        e.value.mime ? (s(), o("div", G, p(_.value), 1)) : r("", !0),
+        e.value.mime && e.value.size ? (s(), o("div", H)) : r("", !0),
+        e.value.size ? (s(), o("div", J, p(e.value ? g(B)(e.value.size) : "0 Б"), 1)) : r("", !0)
+      ])) : r("", !0)
+    ], 2));
+  }
+}), me = /* @__PURE__ */ F(K, [["__scopeId", "data-v-9dee864d"]]), Q = {
+  key: 0,
+  class: "image-full-modal"
+}, T = { class: "image-full-modal__wrapper" }, U = { class: "image-full-modal__header" }, X = { class: "image-full-modal__main" }, Y = ["src", "alt"], ee = /* @__PURE__ */ $({
+  __name: "ImageFullModal",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(l, { expose: c }) {
+    const n = b(!1);
+    return c({
+      open: () => {
+        n.value = !0;
+      },
+      close: () => {
+        n.value = !1;
+      }
+    }), (t, e) => (s(), k(x, { to: "body" }, [
+      h(E, { name: "fade" }, {
+        default: N(() => [
+          n.value ? (s(), o("div", Q, [
+            m("div", {
+              class: "image-full-modal__overlay",
+              onClick: e[0] || (e[0] = (f) => n.value = !1)
+            }),
+            m("div", T, [
+              m("div", U, [
+                m("button", {
+                  class: "image-full-modal__close",
+                  onClick: e[1] || (e[1] = (f) => n.value = !1)
+                }, [
+                  h(g(S))
+                ])
+              ]),
+              m("div", X, [
+                m("img", {
+                  src: t.src,
+                  alt: t.alt
+                }, null, 8, Y)
+              ]),
+              e[2] || (e[2] = m("div", { class: "image-full-modal__footer" }, null, -1))
+            ])
+          ])) : r("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), le = /* @__PURE__ */ F(ee, [["__scopeId", "data-v-edc1a47e"]]), te = ["src", "alt"], ae = {
+  key: 1,
+  class: "image__info"
+}, ie = {
+  key: 0,
+  class: "image__type"
+}, se = {
+  key: 1,
+  class: "image__info-separator"
+}, ne = {
+  key: 2,
+  class: "image__size"
+}, oe = /* @__PURE__ */ $({
+  __name: "Image",
+  props: {
+    file: {},
+    alt: {},
+    size: { default: "medium" },
+    fullScreen: { type: Boolean }
+  },
+  setup(l) {
+    const c = z(), n = V("imageFullModal"), t = b(null);
+    async function e(i, a = "image") {
+      const v = await (await fetch(i)).blob(), d = v.type.split("/")[1] || "", y = d ? `${a}.${d}` : a;
+      return new File([v], y, { type: v.type });
+    }
+    const f = w(() => typeof l.file == "string" ? l.file : l.file.url);
+    function _(i) {
+      if (i.startsWith("image/"))
+        return i.replace("image/", "").toLowerCase();
+      const a = i.match(/\.(jpeg|jpg|png|gif|webp|bmp|svg|tiff|ico)(\?.*)?$/i);
+      if (a) {
+        let u = a[1].toLowerCase();
+        return u === "jpg" && (u = "jpeg"), u;
+      }
+      return "unknown";
+    }
+    return I(async () => {
+      if (typeof l.file == "string") {
+        const i = await e(l.file);
+        t.value = {
+          id: c,
+          url: l.file,
+          name: i.name,
+          mime: i.type,
+          size: i.size
+        };
+      } else
+        t.value = l.file;
+    }), (i, a) => (s(), o(O, null, [
+      m("div", {
+        class: C(["image", `image--${i.size}`, { "image--full-screen": i.fullScreen }])
+      }, [
+        i.fullScreen ? (s(), o("div", {
+          key: 0,
+          class: "image__overlay",
+          onClick: a[0] || (a[0] = (u) => n.value?.open())
+        }, [
+          h(g(R))
+        ])) : r("", !0),
+        m("img", {
+          src: f.value,
+          alt: i.alt
+        }, null, 8, te),
+        t.value && i.size === "large" ? (s(), o("div", ae, [
+          t.value.mime ? (s(), o("div", ie, p(_(t.value.mime)), 1)) : r("", !0),
+          t.value.mime && t.value.size ? (s(), o("div", se)) : r("", !0),
+          t.value.size ? (s(), o("div", ne, p(t.value ? g(B)(t.value.size) : "0 Б"), 1)) : r("", !0)
+        ])) : r("", !0)
+      ], 2),
+      i.fullScreen ? (s(), k(le, {
+        key: 0,
+        ref: "imageFullModal",
+        src: f.value,
+        alt: i.alt
+      }, null, 8, ["src", "alt"])) : r("", !0)
+    ], 64));
+  }
+}), fe = /* @__PURE__ */ F(oe, [["__scopeId", "data-v-b7bef272"]]);
+export {
+  me as F,
+  fe as I,
+  A as g,
+  ce as p
+};

package/dist/blocks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-KC6enSsM.cjs"),f=require("../FileIcon-sxADkCIe.cjs"),m=require("../SendIcon-_UxV_dOO.cjs"),p=require("../onClickOutside.util-CvjEyTtT.cjs");require("../dayjs.util-Dg65EiGQ.cjs");const v={class:"chat-file__content"},_=e.defineComponent({__name:"ChatFile",props:{file:{}},emits:["deleteFile"],setup(t,{emit:s}){const o=s,c=e.computed(()=>URL.createObjectURL(t.file));return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["chat-file",{"chat-file--image":e.unref(u.getFileTypeByMime)(l.file.type)==="image"}])},[e.createElementVNode("button",{class:"chat-file__delete",onClick:d[0]||(d[0]=a=>o("deleteFile",l.file))},[e.createVNode(e.unref(f.CloseIcon))]),e.createElementVNode("div",v,[e.unref(u.getFileTypeByMime)(l.file.type)==="image"?(e.openBlock(),e.createBlock(e.unref(u.Image),{key:0,file:c.value,alt:l.file.name,size:"large","fill-screen":""},null,8,["file","alt"])):(e.openBlock(),e.createBlock(e.unref(u.File),{key:1,file:l.file,outlined:!1},null,8,["file"]))])],2))}}),h=f._export_sfc(_,[["__scopeId","data-v-d52d3d8d"]]);function g(t){if(!t)return;const s=Array.isArray(t)?t:[t],o={image:["image/*"],pdf:["application/pdf"],excel:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],word:["application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],all:["*/*"]};return s.flatMap(c=>o[c]||[]).join(",")}function y(t={}){return new Promise(s=>{const o=document.createElement("input");o.type="file",o.style.display="none",t.maxFiles&&t.maxFiles>1&&(o.multiple=!0);const c=g(t.accept);c&&(o.accept=c),o.addEventListener("change",l=>{const d=l.target;let a=[];if(d.files&&d.files.length>0&&(a=Array.from(d.files),t.maxFiles&&a.length>t.maxFiles&&(a=a.slice(0,t.maxFiles)),t.maxFileSize)){const i=u.parseFileSize(t.maxFileSize);a=a.filter(n=>n.size<=i)}s(a),document.body.removeChild(o)}),document.body.appendChild(o),o.click()})}const k={class:"chat-field-actions"},B={ref:"overlay",class:"chat-field-actions__overlay"},b=["onClick"],F={class:"chat-field-actions__overlay-item__label"},C=["disabled"],V=e.defineComponent({__name:"ChatFieldActions",props:e.mergeModels({actions:{},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const s=e.useModel(t,"modelValue"),o=e.useTemplateRef("button"),c=e.useTemplateRef("overlay"),l=e.ref(!1),d=e.reactive({image:{icon:e.shallowRef(m.ImageIcon),label:"Добавить изображение"},file:{icon:e.shallowRef(f.FileIcon),label:"Добавить файл"}}),a=i=>{y({accept:i==="image"?["image"]:["pdf","excel","word"],maxFileSize:"5mb",maxFiles:1}).then(n=>{s.value?s.value=t.multiple?[...s.value,...n]:n:s.value=[...n],l.value=!1})};return e.onMounted(()=>{p.onClickOutside(c.value,()=>{l.value=!1},{ignore:[o.value]})}),(i,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"slide-up"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.actions,r=>(e.openBlock(),e.createElementBlock("div",{class:"chat-field-actions__overlay-item",key:r,onClick:z=>a(r)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[r].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",F,e.toDisplayString(d[r].label),1)],8,b))),128))],512),[[e.vShow,l.value]])]),_:1}),e.createElementVNode("button",{ref:"button",onClick:n[0]||(n[0]=r=>l.value=!l.value),class:e.normalizeClass(["chat-field-actions__button",{"chat-field-actions__button--active":l.value}]),disabled:i.disabled},[e.createVNode(e.unref(m.PlusRoundedIcon))],10,C)]))}}),E=f._export_sfc(V,[["__scopeId","data-v-6b295528"]]),M={class:"chat-field"},N={key:0,class:"chat-field__files"},S={class:"chat-field__wrapper"},w=["placeholder"],I=e.defineComponent({__name:"ChatField",props:e.mergeModels({viewActions:{type:Boolean,default:!1},actions:{default:()=>["file","image"]},placeholder:{default:"Введите сообщение"},disabled:{type:Boolean,default:!1}},{message:{required:!0},messageModifiers:{},files:{},filesModifiers:{}}),emits:e.mergeModels(["sendMessage"],["update:message","update:files"]),setup(t,{emit:s}){const o=s,c=e.useModel(t,"message"),l=e.useModel(t,"files"),d=a=>{l.value&&(l.value=l.value.filter(i=>i.name!==a.name))};return(a,i)=>(e.openBlock(),e.createElementBlock("div",M,[l.value&&l.value.length>0?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,n=>(e.openBlock(),e.createBlock(h,{key:n.name,file:n,onDeleteFile:d},null,8,["file"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",S,[a.viewActions&&a.actions.length>0?(e.openBlock(),e.createBlock(E,{key:0,modelValue:l.value,"onUpdate:modelValue":i[0]||(i[0]=n=>l.value=n),actions:a.actions,disabled:a.disabled},null,8,["modelValue","actions","disabled"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[1]||(i[1]=n=>c.value=n),class:"chat-field__input",placeholder:a.placeholder},null,8,w),[[e.vModelText,c.value]]),e.createElementVNode("button",{class:"chat-field__button",onClick:i[2]||(i[2]=n=>o("sendMessage"))},[e.createVNode(e.unref(m.SendIcon))])])]))}}),$={class:"bonus-summary"},x=e.defineComponent({__name:"BonusSummary",setup(t){return(s,o)=>(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(e.unref(m.BonusIcon),{class:"bonus-summary__icon"}),o[0]||(o[0]=e.createElementVNode("div",{class:"bonus-summary__number"},"123",-1))]))}});exports.BonusSummary=x;exports.ChatField=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-B46QCYLx.cjs"),f=require("../FileIcon-sxADkCIe.cjs"),m=require("../SendIcon-_UxV_dOO.cjs"),p=require("../onClickOutside.util-CvjEyTtT.cjs");require("../dayjs.util-Dg65EiGQ.cjs");const v={class:"chat-file__content"},_=e.defineComponent({__name:"ChatFile",props:{file:{}},emits:["deleteFile"],setup(l,{emit:s}){const o=s,c=e.computed(()=>URL.createObjectURL(l.file));return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["chat-file",{"chat-file--image":e.unref(u.getFileTypeByMime)(t.file.type)==="image"}])},[e.createElementVNode("button",{class:"chat-file__delete",onClick:r[0]||(r[0]=a=>o("deleteFile",t.file))},[e.createVNode(e.unref(f.CloseIcon))]),e.createElementVNode("div",v,[e.unref(u.getFileTypeByMime)(t.file.type)==="image"?(e.openBlock(),e.createBlock(e.unref(u.Image),{key:0,file:c.value,size:"large",fullScreen:""},null,8,["file"])):(e.openBlock(),e.createBlock(e.unref(u.File),{key:1,file:c.value,outlined:!1},null,8,["file"]))])],2))}}),h=f._export_sfc(_,[["__scopeId","data-v-25ab2b0f"]]);function g(l){if(!l)return;const s=Array.isArray(l)?l:[l],o={image:["image/*"],pdf:["application/pdf"],excel:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],word:["application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],all:["*/*"]};return s.flatMap(c=>o[c]||[]).join(",")}function y(l={}){return new Promise(s=>{const o=document.createElement("input");o.type="file",o.style.display="none",l.maxFiles&&l.maxFiles>1&&(o.multiple=!0);const c=g(l.accept);c&&(o.accept=c),o.addEventListener("change",t=>{const r=t.target;let a=[];if(r.files&&r.files.length>0&&(a=Array.from(r.files),l.maxFiles&&a.length>l.maxFiles&&(a=a.slice(0,l.maxFiles)),l.maxFileSize)){const i=u.parseFileSize(l.maxFileSize);a=a.filter(n=>n.size<=i)}s(a),document.body.removeChild(o)}),document.body.appendChild(o),o.click()})}const k={class:"chat-field-actions"},B={ref:"overlay",class:"chat-field-actions__overlay"},b=["onClick"],F={class:"chat-field-actions__overlay-item__label"},C=["disabled"],V=e.defineComponent({__name:"ChatFieldActions",props:e.mergeModels({actions:{},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const s=e.useModel(l,"modelValue"),o=e.useTemplateRef("button"),c=e.useTemplateRef("overlay"),t=e.ref(!1),r=e.reactive({image:{icon:e.shallowRef(m.ImageIcon),label:"Добавить изображение"},file:{icon:e.shallowRef(f.FileIcon),label:"Добавить файл"}}),a=i=>{y({accept:i==="image"?["image"]:["pdf","excel","word"],maxFileSize:"5mb",maxFiles:1}).then(n=>{s.value?s.value=l.multiple?[...s.value,...n]:n:s.value=[...n],t.value=!1})};return e.onMounted(()=>{p.onClickOutside(c.value,()=>{t.value=!1},{ignore:[o.value]})}),(i,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"slide-up"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.actions,d=>(e.openBlock(),e.createElementBlock("div",{class:"chat-field-actions__overlay-item",key:d,onClick:z=>a(d)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r[d].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",F,e.toDisplayString(r[d].label),1)],8,b))),128))],512),[[e.vShow,t.value]])]),_:1}),e.createElementVNode("button",{ref:"button",onClick:n[0]||(n[0]=d=>t.value=!t.value),class:e.normalizeClass(["chat-field-actions__button",{"chat-field-actions__button--active":t.value}]),disabled:i.disabled},[e.createVNode(e.unref(m.PlusRoundedIcon))],10,C)]))}}),E=f._export_sfc(V,[["__scopeId","data-v-6b295528"]]),M={class:"chat-field"},N={key:0,class:"chat-field__files"},S={class:"chat-field__wrapper"},w=["placeholder"],x=e.defineComponent({__name:"ChatField",props:e.mergeModels({viewActions:{type:Boolean,default:!1},actions:{default:()=>["file","image"]},placeholder:{default:"Введите сообщение"},disabled:{type:Boolean,default:!1}},{message:{required:!0},messageModifiers:{},files:{},filesModifiers:{}}),emits:e.mergeModels(["sendMessage"],["update:message","update:files"]),setup(l,{emit:s}){const o=s,c=e.useModel(l,"message"),t=e.useModel(l,"files"),r=a=>{t.value&&(t.value=t.value.filter(i=>i.name!==a.name))};return(a,i)=>(e.openBlock(),e.createElementBlock("div",M,[t.value&&t.value.length>0?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,n=>(e.openBlock(),e.createBlock(h,{key:n.name,file:n,onDeleteFile:r},null,8,["file"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",S,[a.viewActions&&a.actions.length>0?(e.openBlock(),e.createBlock(E,{key:0,modelValue:t.value,"onUpdate:modelValue":i[0]||(i[0]=n=>t.value=n),actions:a.actions,disabled:a.disabled},null,8,["modelValue","actions","disabled"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[1]||(i[1]=n=>c.value=n),class:"chat-field__input",placeholder:a.placeholder},null,8,w),[[e.vModelText,c.value]]),e.createElementVNode("button",{class:"chat-field__button",onClick:i[2]||(i[2]=n=>o("sendMessage"))},[e.createVNode(e.unref(m.SendIcon))])])]))}}),I={class:"bonus-summary"},$=e.defineComponent({__name:"BonusSummary",setup(l){return(s,o)=>(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(e.unref(m.BonusIcon),{class:"bonus-summary__icon"}),o[0]||(o[0]=e.createElementVNode("div",{class:"bonus-summary__number"},"123",-1))]))}});exports.BonusSummary=$;exports.ChatField=x;

package/dist/blocks/index.es.js

@@ -1,45 +1,44 @@
-import { defineComponent as _, computed as I, createElementBlock as m, openBlock as o, normalizeClass as k, unref as u, createElementVNode as r, createVNode as p, createBlock as v, mergeModels as h, useModel as g, useTemplateRef as y, ref as x, reactive as M, shallowRef as b, onMounted as V, Transition as z, withCtx as R, withDirectives as S, Fragment as $, renderList as w, resolveDynamicComponent as A, toDisplayString as D, vShow as L, createCommentVNode as F, vModelText as E } from "vue";
-import { g as C, I as T, F as U, p as N } from "../Image-B_PtktNe.js";
-import { C as O, _ as B, F as P } from "../FileIcon-DkEbi-bi.js";
+import { defineComponent as v, computed as B, createElementBlock as m, openBlock as o, normalizeClass as k, unref as u, createElementVNode as r, createVNode as p, createBlock as _, mergeModels as h, useModel as g, useTemplateRef as y, ref as I, reactive as M, shallowRef as b, onMounted as V, Transition as z, withCtx as R, withDirectives as S, Fragment as x, renderList as $, resolveDynamicComponent as A, toDisplayString as D, vShow as L, createCommentVNode as F, vModelText as E } from "vue";
+import { g as C, I as T, F as U, p as N } from "../Image-ddX0F8QG.js";
+import { C as O, _ as w, F as P } from "../FileIcon-DkEbi-bi.js";
 import { I as j, P as q, S as H, B as G } from "../SendIcon-BGGNLlmf.js";
 import { o as J } from "../onClickOutside.util-BWGmebYq.js";
 import "../dayjs.util-RJe77c19.js";
-const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ _({
+const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ v({
   __name: "ChatFile",
   props: {
     file: {}
   },
   emits: ["deleteFile"],
-  setup(l, { emit: n }) {
-    const t = n, d = I(() => URL.createObjectURL(l.file));
-    return (e, c) => (o(), m("div", {
-      class: k(["chat-file", { "chat-file--image": u(C)(e.file.type) === "image" }])
+  setup(e, { emit: n }) {
+    const t = n, c = B(() => URL.createObjectURL(e.file));
+    return (l, d) => (o(), m("div", {
+      class: k(["chat-file", { "chat-file--image": u(C)(l.file.type) === "image" }])
     }, [
       r("button", {
         class: "chat-file__delete",
-        onClick: c[0] || (c[0] = (a) => t("deleteFile", e.file))
+        onClick: d[0] || (d[0] = (a) => t("deleteFile", l.file))
       }, [
         p(u(O))
       ]),
       r("div", K, [
-        u(C)(e.file.type) === "image" ? (o(), v(u(T), {
+        u(C)(l.file.type) === "image" ? (o(), _(u(T), {
           key: 0,
-          file: d.value,
-          alt: e.file.name,
+          file: c.value,
           size: "large",
-          "fill-screen": ""
-        }, null, 8, ["file", "alt"])) : (o(), v(u(U), {
+          fullScreen: ""
+        }, null, 8, ["file"])) : (o(), _(u(U), {
           key: 1,
-          file: e.file,
+          file: c.value,
           outlined: !1
         }, null, 8, ["file"]))
       ])
     ], 2));
   }
-}), W = /* @__PURE__ */ B(Q, [["__scopeId", "data-v-d52d3d8d"]]);
-function X(l) {
-  if (!l) return;
-  const n = Array.isArray(l) ? l : [l], t = {
+}), W = /* @__PURE__ */ w(Q, [["__scopeId", "data-v-25ab2b0f"]]);
+function X(e) {
+  if (!e) return;
+  const n = Array.isArray(e) ? e : [e], t = {
     image: ["image/*"],
     pdf: ["application/pdf"],
     excel: [
@@ -52,18 +51,18 @@ function X(l) {
     ],
     all: ["*/*"]
   };
-  return n.flatMap((d) => t[d] || []).join(",");
+  return n.flatMap((c) => t[c] || []).join(",");
 }
-function Y(l = {}) {
+function Y(e = {}) {
   return new Promise((n) => {
     const t = document.createElement("input");
-    t.type = "file", t.style.display = "none", l.maxFiles && l.maxFiles > 1 && (t.multiple = !0);
-    const d = X(l.accept);
-    d && (t.accept = d), t.addEventListener("change", (e) => {
-      const c = e.target;
+    t.type = "file", t.style.display = "none", e.maxFiles && e.maxFiles > 1 && (t.multiple = !0);
+    const c = X(e.accept);
+    c && (t.accept = c), t.addEventListener("change", (l) => {
+      const d = l.target;
       let a = [];
-      if (c.files && c.files.length > 0 && (a = Array.from(c.files), l.maxFiles && a.length > l.maxFiles && (a = a.slice(0, l.maxFiles)), l.maxFileSize)) {
-        const s = N(l.maxFileSize);
+      if (d.files && d.files.length > 0 && (a = Array.from(d.files), e.maxFiles && a.length > e.maxFiles && (a = a.slice(0, e.maxFiles)), e.maxFileSize)) {
+        const s = N(e.maxFileSize);
         a = a.filter((i) => i.size <= s);
       }
       n(a), document.body.removeChild(t);
@@ -73,7 +72,7 @@ function Y(l = {}) {
 const Z = { class: "chat-field-actions" }, ee = {
   ref: "overlay",
   class: "chat-field-actions__overlay"
-}, le = ["onClick"], te = { class: "chat-field-actions__overlay-item__label" }, ae = ["disabled"], ie = /* @__PURE__ */ _({
+}, le = ["onClick"], te = { class: "chat-field-actions__overlay-item__label" }, ae = ["disabled"], ie = /* @__PURE__ */ v({
   __name: "ChatFieldActions",
   props: /* @__PURE__ */ h({
     actions: {},
@@ -84,8 +83,8 @@ const Z = { class: "chat-field-actions" }, ee = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const n = g(l, "modelValue"), t = y("button"), d = y("overlay"), e = x(!1), c = M({
+  setup(e) {
+    const n = g(e, "modelValue"), t = y("button"), c = y("overlay"), l = I(!1), d = M({
       image: {
         icon: b(j),
         label: "Добавить изображение"
@@ -100,45 +99,45 @@ const Z = { class: "chat-field-actions" }, ee = {
         maxFileSize: "5mb",
         maxFiles: 1
       }).then((i) => {
-        n.value ? n.value = l.multiple ? [...n.value, ...i] : i : n.value = [...i], e.value = !1;
+        n.value ? n.value = e.multiple ? [...n.value, ...i] : i : n.value = [...i], l.value = !1;
       });
     };
     return V(() => {
-      J(d.value, () => {
-        e.value = !1;
+      J(c.value, () => {
+        l.value = !1;
       }, { ignore: [t.value] });
     }), (s, i) => (o(), m("div", Z, [
       p(z, { name: "slide-up" }, {
         default: R(() => [
           S(r("div", ee, [
-            (o(!0), m($, null, w(s.actions, (f) => (o(), m("div", {
+            (o(!0), m(x, null, $(s.actions, (f) => (o(), m("div", {
               class: "chat-field-actions__overlay-item",
               key: f,
               onClick: (ue) => a(f)
             }, [
-              (o(), v(A(c[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
-              r("span", te, D(c[f].label), 1)
+              (o(), _(A(d[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
+              r("span", te, D(d[f].label), 1)
             ], 8, le))), 128))
           ], 512), [
-            [L, e.value]
+            [L, l.value]
           ])
         ]),
         _: 1
       }),
       r("button", {
         ref: "button",
-        onClick: i[0] || (i[0] = (f) => e.value = !e.value),
-        class: k(["chat-field-actions__button", { "chat-field-actions__button--active": e.value }]),
+        onClick: i[0] || (i[0] = (f) => l.value = !l.value),
+        class: k(["chat-field-actions__button", { "chat-field-actions__button--active": l.value }]),
         disabled: s.disabled
       }, [
         p(u(q))
       ], 10, ae)
     ]));
   }
-}), se = /* @__PURE__ */ B(ie, [["__scopeId", "data-v-6b295528"]]), ne = { class: "chat-field" }, oe = {
+}), se = /* @__PURE__ */ w(ie, [["__scopeId", "data-v-6b295528"]]), ne = { class: "chat-field" }, oe = {
   key: 0,
   class: "chat-field__files"
-}, de = { class: "chat-field__wrapper" }, ce = ["placeholder"], ge = /* @__PURE__ */ _({
+}, ce = { class: "chat-field__wrapper" }, de = ["placeholder"], ge = /* @__PURE__ */ v({
   __name: "ChatField",
   props: /* @__PURE__ */ h({
     viewActions: { type: Boolean, default: !1 },
@@ -152,32 +151,32 @@ const Z = { class: "chat-field-actions" }, ee = {
     filesModifiers: {}
   }),
   emits: /* @__PURE__ */ h(["sendMessage"], ["update:message", "update:files"]),
-  setup(l, { emit: n }) {
-    const t = n, d = g(l, "message"), e = g(l, "files"), c = (a) => {
-      e.value && (e.value = e.value.filter((s) => s.name !== a.name));
+  setup(e, { emit: n }) {
+    const t = n, c = g(e, "message"), l = g(e, "files"), d = (a) => {
+      l.value && (l.value = l.value.filter((s) => s.name !== a.name));
     };
     return (a, s) => (o(), m("div", ne, [
-      e.value && e.value.length > 0 ? (o(), m("div", oe, [
-        (o(!0), m($, null, w(e.value, (i) => (o(), v(W, {
+      l.value && l.value.length > 0 ? (o(), m("div", oe, [
+        (o(!0), m(x, null, $(l.value, (i) => (o(), _(W, {
           key: i.name,
           file: i,
-          onDeleteFile: c
+          onDeleteFile: d
         }, null, 8, ["file"]))), 128))
       ])) : F("", !0),
-      r("div", de, [
-        a.viewActions && a.actions.length > 0 ? (o(), v(se, {
+      r("div", ce, [
+        a.viewActions && a.actions.length > 0 ? (o(), _(se, {
           key: 0,
-          modelValue: e.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (i) => e.value = i),
+          modelValue: l.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (i) => l.value = i),
           actions: a.actions,
           disabled: a.disabled
         }, null, 8, ["modelValue", "actions", "disabled"])) : F("", !0),
         S(r("input", {
-          "onUpdate:modelValue": s[1] || (s[1] = (i) => d.value = i),
+          "onUpdate:modelValue": s[1] || (s[1] = (i) => c.value = i),
           class: "chat-field__input",
           placeholder: a.placeholder
-        }, null, 8, ce), [
-          [E, d.value]
+        }, null, 8, de), [
+          [E, c.value]
         ]),
         r("button", {
           class: "chat-field__button",
@@ -188,9 +187,9 @@ const Z = { class: "chat-field-actions" }, ee = {
       ])
     ]));
   }
-}), re = { class: "bonus-summary" }, ye = /* @__PURE__ */ _({
+}), re = { class: "bonus-summary" }, ye = /* @__PURE__ */ v({
   __name: "BonusSummary",
-  setup(l) {
+  setup(e) {
     return (n, t) => (o(), m("div", re, [
       p(u(G), { class: "bonus-summary__icon" }),
       t[0] || (t[0] = r("div", { class: "bonus-summary__number" }, "123", -1))

package/dist/index.d.ts

@@ -234,14 +234,14 @@ declare type __VLS_Props_13 = {
 };
 
 declare type __VLS_Props_14 = {
-    file: string | File;
+    file: string | IFile;
     viewName?: boolean;
     outlined?: boolean;
     removable?: boolean;
 };
 
 declare type __VLS_Props_15 = {
-    file: string | File;
+    file: string | IFile_2;
     alt?: string;
     size?: 'small' | 'medium' | 'large';
     fullScreen?: boolean;
@@ -362,7 +362,7 @@ declare type __VLS_Props_8 = {
     countInPackage?: number;
     icon?: Component;
     iconPosition?: 'left' | 'right';
-    formatter?: (value: number) => string;
+    formatter?: (value: number) => number;
 };
 
 declare type __VLS_Props_9 = Props_2;
@@ -1010,14 +1010,30 @@ declare interface DropdownProps {
 }
 
 declare const File_2: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-remove: (file: File) => any;
+remove: (file: IFile) => any;
 }, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{
-onRemove?: ((file: File) => any) | undefined;
+onRemove?: ((file: IFile) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export { File_2 as File }
 
 export declare const IconField: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
+declare interface IFile {
+    id: string;
+    url: string;
+    name?: string;
+    mime: string | null;
+    size: number | null;
+}
+
+declare interface IFile_2 {
+    id: string;
+    url: string;
+    name?: string;
+    mime: string | null;
+    size: number | null;
+}
+
 declare const Image_2: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
 imageFullModal: CreateComponentPublicInstanceWithMixins<Readonly<{
 src: string;