prlg-ui 1.8.132 → 1.8.133

package/dist/blocks/index.es.js

@@ -0,0 +1,186 @@
+import { defineComponent as g, computed as V, createElementBlock as o, openBlock as a, normalizeClass as C, unref as c, createElementVNode as n, createVNode as v, createBlock as p, mergeModels as y, useModel as b, useTemplateRef as F, ref as L, reactive as w, shallowRef as k, onMounted as S, Transition as R, withCtx as D, withDirectives as B, Fragment as I, renderList as T, resolveDynamicComponent as U, toDisplayString as h, vShow as z, createCommentVNode as _, vModelText as N } from "vue";
+import { g as $, I as O, F as x } from "../Image-CAGIshx9.js";
+import { C as A, _ as M, F as E } from "../FileIcon-maHE2Nhr.js";
+import { I as P, P as j, S as q, B as H } from "../SendIcon-Cqdt2QWN.js";
+import { o as G } from "../parseFileSize.util-CxVk4CvB.js";
+import { o as J } from "../uploadFile.util-DhavPrlY.js";
+const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ g({
+  __name: "ChatFile",
+  props: {
+    file: {}
+  },
+  emits: ["deleteFile"],
+  setup(r, { emit: i }) {
+    const d = i, u = V(() => URL.createObjectURL(r.file));
+    return (l, m) => (a(), o("div", {
+      class: C(["chat-file", { "chat-file--image": c($)(l.file.type) === "image" }])
+    }, [
+      n("button", {
+        class: "chat-file__delete",
+        onClick: m[0] || (m[0] = (e) => d("deleteFile", l.file))
+      }, [
+        v(c(A))
+      ]),
+      n("div", K, [
+        c($)(l.file.type) === "image" ? (a(), p(c(O), {
+          key: 0,
+          file: u.value,
+          size: "large",
+          fullScreen: ""
+        }, null, 8, ["file"])) : (a(), p(c(x), {
+          key: 1,
+          file: u.value,
+          outlined: !1
+        }, null, 8, ["file"]))
+      ])
+    ], 2));
+  }
+}), W = /* @__PURE__ */ M(Q, [["__scopeId", "data-v-25ab2b0f"]]), X = { class: "chat-field-actions" }, Y = {
+  ref: "overlay",
+  class: "chat-field-actions__overlay"
+}, Z = ["onClick"], ee = { class: "chat-field-actions__overlay-item__label" }, le = ["disabled"], ae = /* @__PURE__ */ g({
+  __name: "ChatFieldActions",
+  props: /* @__PURE__ */ y({
+    actions: {},
+    disabled: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const i = b(r, "modelValue"), d = F("button"), u = F("overlay"), l = L(!1), m = w({
+      image: {
+        icon: k(P),
+        label: "Добавить изображение"
+      },
+      file: {
+        icon: k(E),
+        label: "Добавить файл"
+      }
+    }), e = (s) => {
+      J({
+        accept: s === "image" ? ["image"] : ["pdf", "excel", "word"],
+        maxFileSize: "5mb",
+        maxFiles: 1
+      }).then((t) => {
+        i.value ? i.value = r.multiple ? [...i.value, ...t] : t : i.value = [...t], l.value = !1;
+      });
+    };
+    return S(() => {
+      G(u.value, () => {
+        l.value = !1;
+      }, { ignore: [d.value] });
+    }), (s, t) => (a(), o("div", X, [
+      v(R, { name: "slide-up" }, {
+        default: D(() => [
+          B(n("div", Y, [
+            (a(!0), o(I, null, T(s.actions, (f) => (a(), o("div", {
+              class: "chat-field-actions__overlay-item",
+              key: f,
+              onClick: (ce) => e(f)
+            }, [
+              (a(), p(U(m[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
+              n("span", ee, h(m[f].label), 1)
+            ], 8, Z))), 128))
+          ], 512), [
+            [z, l.value]
+          ])
+        ]),
+        _: 1
+      }),
+      n("button", {
+        ref: "button",
+        onClick: t[0] || (t[0] = (f) => l.value = !l.value),
+        class: C(["chat-field-actions__button", { "chat-field-actions__button--active": l.value }]),
+        disabled: s.disabled
+      }, [
+        v(c(j))
+      ], 10, le)
+    ]));
+  }
+}), te = /* @__PURE__ */ M(ae, [["__scopeId", "data-v-e64085d6"]]), se = { class: "chat-field" }, oe = {
+  key: 0,
+  class: "chat-field__files"
+}, ie = { class: "chat-field__wrapper" }, ne = ["maxlength", "placeholder"], re = {
+  key: 1,
+  class: "chat-field__footer"
+}, de = {
+  key: 1,
+  class: "chat-field__char-count"
+}, ge = /* @__PURE__ */ g({
+  __name: "ChatField",
+  props: /* @__PURE__ */ y({
+    viewActions: { type: Boolean, default: !1 },
+    actions: { default: () => ["file", "image"] },
+    placeholder: { default: "Введите сообщение" },
+    maxLength: {},
+    smallText: {},
+    error: { type: Boolean },
+    errorText: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    message: { required: !0 },
+    messageModifiers: {},
+    files: {},
+    filesModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["sendMessage"], ["update:message", "update:files"]),
+  setup(r, { emit: i }) {
+    const d = i, u = b(r, "message"), l = b(r, "files"), m = (e) => {
+      l.value && (l.value = l.value.filter((s) => s.name !== e.name));
+    };
+    return (e, s) => (a(), o("div", se, [
+      l.value && l.value.length > 0 ? (a(), o("div", oe, [
+        (a(!0), o(I, null, T(l.value, (t) => (a(), p(W, {
+          key: t.name,
+          file: t,
+          onDeleteFile: m
+        }, null, 8, ["file"]))), 128))
+      ])) : _("", !0),
+      n("div", ie, [
+        e.viewActions && e.actions.length > 0 ? (a(), p(te, {
+          key: 0,
+          modelValue: l.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => l.value = t),
+          actions: e.actions,
+          disabled: e.disabled
+        }, null, 8, ["modelValue", "actions", "disabled"])) : _("", !0),
+        B(n("input", {
+          "onUpdate:modelValue": s[1] || (s[1] = (t) => u.value = t),
+          class: "chat-field__input",
+          maxlength: e.maxLength,
+          placeholder: e.placeholder
+        }, null, 8, ne), [
+          [N, u.value]
+        ]),
+        n("button", {
+          class: "chat-field__button",
+          onClick: s[2] || (s[2] = (t) => d("sendMessage"))
+        }, [
+          v(c(q))
+        ])
+      ]),
+      e.smallText || e.error && e.errorText || e.maxLength ? (a(), o("div", re, [
+        e.smallText || e.error && e.errorText ? (a(), o("div", {
+          key: 0,
+          class: C(["chat-field__small", { "chat-field__small--error": e.error }])
+        }, h(e.error ? e.errorText : e.smallText), 3)) : _("", !0),
+        e.maxLength ? (a(), o("div", de, h(u.value.length) + " / " + h(e.maxLength), 1)) : _("", !0)
+      ])) : _("", !0)
+    ]));
+  }
+}), ue = { class: "bonus-summary" }, ye = /* @__PURE__ */ g({
+  __name: "BonusSummary",
+  setup(r) {
+    return (i, d) => (a(), o("div", ue, [
+      v(c(H), { class: "bonus-summary__icon" }),
+      d[0] || (d[0] = n("div", { class: "bonus-summary__number" }, "123", -1))
+    ]));
+  }
+});
+export {
+  ye as BonusSummary,
+  ge as ChatField
+};

package/dist/blocks.d.ts

@@ -0,0 +1,35 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+declare type __VLS_Props = {
+    viewActions?: boolean;
+    actions?: Array<'file' | 'image'>;
+    placeholder?: string;
+    maxLength?: number;
+    smallText?: string;
+    error?: boolean;
+    errorText?: string;
+    disabled?: boolean;
+};
+
+declare type __VLS_PublicProps = {
+    'message': string;
+    'files'?: File[];
+} & __VLS_Props;
+
+export declare const BonusSummary: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+export declare const ChatField: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:message": (value: string) => any;
+"update:files": (value: File[]) => any;
+} & {
+sendMessage: () => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+onSendMessage?: (() => any) | undefined;
+"onUpdate:message"?: ((value: string) => any) | undefined;
+"onUpdate:files"?: ((value: File[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export { }

package/dist/eventBus.util-K9Yq6hZm.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("vue");let r=null,s=0;function c(){const o=window.scrollY;return document.body.style.position="fixed",document.body.style.top=`-${o}px`,()=>{document.body.style.position="",document.body.style.top="",window.scrollTo(0,o)}}const d=()=>{s++,s===1&&!r&&(r=c())},u=()=>{s>0&&s--,s===0&&r&&(r(),r=null)},i=()=>({unlockScroll:u,lockScroll:d}),p=["data-layer"],f=l.defineComponent({__name:"Portal",props:{overlayType:{default:"modal"},teleport:{type:Boolean,default:!0},target:{default:"body"},zIndex:{},show:{type:Boolean,default:!0},parentId:{}},setup(o){const t=o,n=l.computed(()=>{if(t.zIndex)return t.zIndex});return(e,a)=>e.show?(l.openBlock(),l.createBlock(l.Teleport,{key:0,to:e.target,disabled:!e.teleport},[l.createElementVNode("div",{style:l.normalizeStyle({zIndex:n.value,position:"relative",isolation:"isolate"}),"data-layer":e.overlayType},[l.renderSlot(e.$slots,"default")],12,p)],8,["to","disabled"])):l.createCommentVNode("",!0)}});function y(){const o=new Map;return{on(t,n){const e=o.get(t)||[];e.push(n),o.set(t,e)},off(t,n){const e=o.get(t);e&&o.set(t,e.filter(a=>a!==n))},emit(t,n){const e=o.get(t);e&&e.forEach(a=>a(n))},clear(){o.clear()}}}exports.EventBus=y;exports._sfc_main=f;exports.useBodyScroll=i;

package/dist/eventBus.util-msbJpg6N.js

@@ -0,0 +1,75 @@
+import { defineComponent as a, computed as d, createBlock as c, createCommentVNode as i, openBlock as u, Teleport as p, createElementVNode as f, normalizeStyle as y, renderSlot as m } from "vue";
+let n = null, r = 0;
+function S() {
+  const o = window.scrollY;
+  return document.body.style.position = "fixed", document.body.style.top = `-${o}px`, () => {
+    document.body.style.position = "", document.body.style.top = "", window.scrollTo(0, o);
+  };
+}
+const h = () => {
+  r++, r === 1 && !n && (n = S());
+}, b = () => {
+  r > 0 && r--, r === 0 && n && (n(), n = null);
+}, k = () => ({
+  unlockScroll: b,
+  lockScroll: h
+}), v = ["data-layer"], B = /* @__PURE__ */ a({
+  __name: "Portal",
+  props: {
+    overlayType: { default: "modal" },
+    teleport: { type: Boolean, default: !0 },
+    target: { default: "body" },
+    zIndex: {},
+    show: { type: Boolean, default: !0 },
+    parentId: {}
+  },
+  setup(o) {
+    const t = o, l = d(() => {
+      if (t.zIndex) return t.zIndex;
+    });
+    return (e, s) => e.show ? (u(), c(p, {
+      key: 0,
+      to: e.target,
+      disabled: !e.teleport
+    }, [
+      f("div", {
+        style: y({
+          zIndex: l.value,
+          position: "relative",
+          isolation: "isolate"
+        }),
+        "data-layer": e.overlayType
+      }, [
+        m(e.$slots, "default")
+      ], 12, v)
+    ], 8, ["to", "disabled"])) : i("", !0);
+  }
+});
+function I() {
+  const o = /* @__PURE__ */ new Map();
+  return {
+    on(t, l) {
+      const e = o.get(t) || [];
+      e.push(l), o.set(t, e);
+    },
+    off(t, l) {
+      const e = o.get(t);
+      e && o.set(
+        t,
+        e.filter((s) => s !== l)
+      );
+    },
+    emit(t, l) {
+      const e = o.get(t);
+      e && e.forEach((s) => s(l));
+    },
+    clear() {
+      o.clear();
+    }
+  };
+}
+export {
+  I as E,
+  B as _,
+  k as u
+};