@retailcrm/embed-ui-v1-components 0.5.7 → 0.5.8

package/dist/host.cjs

@@ -89,7 +89,7 @@ const _hoisted_6 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -196,6 +196,44 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  __name: "UiAvatarList",
+  props: {
+    /** Список аватарок пользователей */
+    avatars: {
+      type: Array,
+      default: () => []
+    },
+    /** Размер аватарок */
+    size: {
+      type: String,
+      validator: (size) => Object.values(SIZE$5).includes(size),
+      default: SIZE$5.SM
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    vue.provide(AvatarSizeKey, vue.computed(() => props.size));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ui-v1-avatar-list", `ui-v1-avatar-list_${__props.size}`])
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.avatars, (avatar, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: index,
+            class: "ui-v1-avatar-list__item"
+          }, [
+            vue.createVNode(_sfc_main$h, {
+              src: avatar.src,
+              name: avatar.name
+            }, null, 8, ["src", "name"])
+          ]);
+        }), 128)),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 const SHAPE_FLAG_ARRAY_CHILDREN = 16;
 const SHAPE_FLAG_TEXT = 8;
 const inlines = ["b", "i", "span", "strong"];
@@ -3664,7 +3702,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 exports.I18nPlugin = plugin;
 exports.ModalPlugin = plugin$1;
-exports.UiAvatar = _sfc_main$g;
+exports.UiAvatar = _sfc_main$h;
+exports.UiAvatarList = _sfc_main$g;
 exports.UiButton = _sfc_main$f;
 exports.UiCheckbox = _sfc_main$e;
 exports.UiError = _sfc_main$d;

package/dist/host.d.ts

@@ -316,6 +316,18 @@ export declare const UiAvatar: DefineComponent<
 UiAvatarProperties
 >;
 
+export declare const UiAvatarList: DefineComponent<
+UiAvatarListProperties
+>;
+
+declare type UiAvatarListProperties = {
+    avatars?: Array<{
+        src: string;
+        name: string;
+    }>;
+    size?: SIZE;
+};
+
 declare type UiAvatarProperties = {
     src?: string;
     name?: string;

package/dist/host.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { openBlock, createElementBlock, createElementVNode, defineComponent, useSlots, ref, computed, inject, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createVNode, createCommentVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Text, Comment, h, Transition, normalizeProps, guardReactiveProps, normalizeStyle, reactive, watch, onMounted, onActivated, onDeactivated, onBeforeUnmount, useAttrs, Teleport, withDirectives, vShow, toHandlers, withModifiers, provide, createSlots } from "vue";
+import { openBlock, createElementBlock, createElementVNode, defineComponent, useSlots, ref, computed, inject, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createVNode, createCommentVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, provide, Fragment, renderList, Text, Comment, h, Transition, normalizeProps, guardReactiveProps, normalizeStyle, reactive, watch, onMounted, onActivated, onDeactivated, onBeforeUnmount, useAttrs, Teleport, withDirectives, vShow, toHandlers, withModifiers, createSlots } from "vue";
 const _hoisted_1$e = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
@@ -87,7 +87,7 @@ const _hoisted_6 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -194,6 +194,44 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "UiAvatarList",
+  props: {
+    /** Список аватарок пользователей */
+    avatars: {
+      type: Array,
+      default: () => []
+    },
+    /** Размер аватарок */
+    size: {
+      type: String,
+      validator: (size) => Object.values(SIZE$5).includes(size),
+      default: SIZE$5.SM
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    provide(AvatarSizeKey, computed(() => props.size));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ui-v1-avatar-list", `ui-v1-avatar-list_${__props.size}`])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.avatars, (avatar, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "ui-v1-avatar-list__item"
+          }, [
+            createVNode(_sfc_main$h, {
+              src: avatar.src,
+              name: avatar.name
+            }, null, 8, ["src", "name"])
+          ]);
+        }), 128)),
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 const SHAPE_FLAG_ARRAY_CHILDREN = 16;
 const SHAPE_FLAG_TEXT = 8;
 const inlines = ["b", "i", "span", "strong"];
@@ -3663,7 +3701,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   plugin as I18nPlugin,
   plugin$1 as ModalPlugin,
-  _sfc_main$g as UiAvatar,
+  _sfc_main$h as UiAvatar,
+  _sfc_main$g as UiAvatarList,
   _sfc_main$f as UiButton,
   _sfc_main$e as UiCheckbox,
   _sfc_main$d as UiError,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@retailcrm/embed-ui-v1-components",
   "type": "module",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "license": "MIT",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
   "repository": "git@github.com:retailcrm/embed-ui.git",