@uzum-tech/ui 2.1.1 → 2.1.2

package/es/locales/common/zhCN.mjs

@@ -0,0 +1,162 @@
+const zhCN = {
+  name: 'zh-CN',
+  global: {
+    undo: '撤销',
+    redo: '重做',
+    confirm: '确认',
+    clear: '清除'
+  },
+  Popconfirm: {
+    positiveText: '确认',
+    negativeText: '取消'
+  },
+  Cascader: {
+    placeholder: '请选择',
+    loading: '加载中',
+    loadingRequiredMessage: label => `加载全部 ${label} 的子节点后才可选中`
+  },
+  Time: {
+    dateFormat: 'yyyy-MM-dd',
+    dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
+  },
+  DatePicker: {
+    yearFormat: 'yyyy年',
+    monthFormat: 'MMM',
+    dayFormat: 'eeeeee',
+    yearTypeFormat: 'yyyy',
+    monthTypeFormat: 'yyyy-MM',
+    dateFormat: 'yyyy-MM-dd',
+    dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+    quarterFormat: 'yyyy-qqq',
+    weekFormat: 'YYYY-w周',
+    clear: '清除',
+    now: '此刻',
+    confirm: '确认',
+    selectTime: '选择时间',
+    selectDate: '选择日期',
+    datePlaceholder: '选择日期',
+    datetimePlaceholder: '选择日期时间',
+    monthPlaceholder: '选择月份',
+    yearPlaceholder: '选择年份',
+    quarterPlaceholder: '选择季度',
+    weekPlaceholder: '选择周',
+    startDatePlaceholder: '开始日期',
+    endDatePlaceholder: '结束日期',
+    startDatetimePlaceholder: '开始日期时间',
+    endDatetimePlaceholder: '结束日期时间',
+    startMonthPlaceholder: '开始月份',
+    endMonthPlaceholder: '结束月份',
+    monthBeforeYear: false,
+    firstDayOfWeek: 0,
+    today: '今天'
+  },
+  DataTable: {
+    checkTableAll: '选择全部表格数据',
+    uncheckTableAll: '取消选择全部表格数据',
+    confirm: '确认',
+    clear: '重置'
+  },
+  LegacyTransfer: {
+    sourceTitle: '源项',
+    targetTitle: '目标项'
+  },
+  Transfer: {
+    selectAll: '全选',
+    unselectAll: '取消全选',
+    clearAll: '清除',
+    total: num => `共 ${num} 项`,
+    selected: num => `已选 ${num} 项`
+  },
+  Empty: {
+    title: '未找到匹配项',
+    description: '请尝试修改搜索条件'
+  },
+  Select: {
+    placeholder: '请选择'
+  },
+  TimePicker: {
+    placeholder: '请选择时间',
+    positiveText: '确认',
+    negativeText: '取消',
+    now: '此刻',
+    clear: '清除'
+  },
+  Pagination: {
+    goto: '跳至',
+    selectionSuffix: '页'
+  },
+  DynamicTags: {
+    add: '添加'
+  },
+  Log: {
+    loading: '加载中'
+  },
+  Input: {
+    placeholder: '请输入',
+    copied: '已复制'
+  },
+  InputNumber: {
+    placeholder: '请输入'
+  },
+  DynamicInput: {
+    create: '添加'
+  },
+  ThemeEditor: {
+    title: '主题编辑器',
+    clearAllVars: '清除全部变量',
+    clearSearch: '清除搜索',
+    filterCompName: '过滤组件名',
+    filterVarName: '过滤变量名',
+    import: '导入',
+    export: '导出',
+    restore: '恢复默认'
+  },
+  Image: {
+    tipPrevious: '上一张（←）',
+    tipNext: '下一张（→）',
+    tipCounterclockwise: '向左旋转',
+    tipClockwise: '向右旋转',
+    tipZoomOut: '缩小',
+    tipZoomIn: '放大',
+    tipDownload: '下载',
+    tipClose: '关闭（Esc）',
+    tipOriginalSize: '缩放到原始尺寸'
+  },
+  Upload: {
+    title: '选择文件或拖拽到此处',
+    subtitle: 'PDF、PNG、JPEG，不超过 100 MB',
+    uploading: '上传中'
+  },
+  Chat: {
+    inputPlaceholder: '输入消息...',
+    typingText: '正在输入...',
+    retryText: '重新发送',
+    closeButtonText: '关闭聊天',
+    shareButtonTooltip: '分享聊天',
+    profileButtonTooltip: '查看资料',
+    unreadNotificationText: '条新消息',
+    editText: '编辑',
+    copyText: '复制',
+    deleteText: '删除',
+    editingTitle: '编辑中'
+  },
+  MappingCard: {
+    copyTooltip: '复制',
+    editTooltip: '编辑',
+    deleteTooltip: '删除',
+    switchTooltip: '切换'
+  },
+  Header: {
+    desktopSearchTitle: '搜索',
+    searchPlaceholder: '站内搜索',
+    primaryActionText: '成为客户',
+    secondaryActionText: '前往应用'
+  },
+  Heatmap: {
+    less: '少',
+    more: '多',
+    monthFormat: 'MMM',
+    weekdayFormat: 'eeeeee'
+  }
+};
+export default zhCN;

package/es/locales/date/uzUZ.d.ts

@@ -0,0 +1,3 @@
+import type { UDateLocale } from './enUS';
+declare const dateUzUZ: UDateLocale;
+export default dateUzUZ;

package/es/locales/date/uzUZ.mjs

@@ -0,0 +1,6 @@
+import { uz } from 'date-fns/locale';
+const dateUzUZ = {
+  name: 'uz-UZ',
+  locale: uz
+};
+export default dateUzUZ;

package/es/locales/date/zhCN.d.ts

@@ -0,0 +1,3 @@
+import type { UDateLocale } from './enUS';
+declare const dateZhCN: UDateLocale;
+export default dateZhCN;

package/es/locales/date/zhCN.mjs

@@ -0,0 +1,6 @@
+import { zhCN } from 'date-fns/locale';
+const dateZhCN = {
+  name: 'zh-CN',
+  locale: zhCN
+};
+export default dateZhCN;

package/es/locales/index.d.ts

@@ -1,8 +1,12 @@
 export { default as enUS } from './common/enUS';
 export type { ULocale } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
+export { default as uzUZ } from './common/uzUZ';
+export { default as zhCN } from './common/zhCN';
 export { default as dateEnUS } from './date/enUS';
 export type { UDateLocale } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
+export { default as dateUzUZ } from './date/uzUZ';
+export { default as dateZhCN } from './date/zhCN';
 export type { UPartialLocale } from './utils/index';
 export { createLocale } from './utils/index';

package/es/locales/index.mjs

@@ -1,5 +1,9 @@
 export { default as enUS } from "./common/enUS.mjs";
 export { default as ruRU } from "./common/ruRU.mjs";
+export { default as uzUZ } from "./common/uzUZ.mjs";
+export { default as zhCN } from "./common/zhCN.mjs";
 export { default as dateEnUS } from "./date/enUS.mjs";
 export { default as dateRuRU } from "./date/ruRU.mjs";
+export { default as dateUzUZ } from "./date/uzUZ.mjs";
+export { default as dateZhCN } from "./date/zhCN.mjs";
 export { createLocale } from "./utils/index.mjs";

package/es/popover/src/PopoverBody.mjs

@@ -271,7 +271,7 @@ export default defineComponent({
               style: props.footerStyle
             }, children) : null;
           })) : props.scrollable ? (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots) : h("div", {
-            class: `${mergedClsPrefix}-popover__content`,
+            class: [`${mergedClsPrefix}-popover__content`, props.contentClass],
             style: props.contentStyle
           }, slots);
           const maybeScrollableBody = props.scrollable ? h(UxScrollbar, {

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.1.1";
+declare const _default: "2.1.2";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.1.1';
+export default '2.1.2';

package/lib/_internal/icon/index.d.ts

@@ -1,3 +1,5 @@
 export { default as UBaseIcon } from './src/Icon';
-export { iconProps, UIcon } from './src/UIcon';
-export type { Depth, GenericUIcon, IconNameOf, IconProps } from './src/UIcon';
+export { iconProps } from './src/interface';
+export type { Depth, GenericUIcon, IconNameOf, IconProps, RenderIconProps } from './src/interface';
+export { renderIcon } from './src/render-icon';
+export { UIcon } from './src/UIcon';

package/lib/_internal/icon/index.js

@@ -3,9 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIcon = exports.iconProps = exports.UBaseIcon = void 0;
+exports.UIcon = exports.renderIcon = exports.iconProps = exports.UBaseIcon = void 0;
 var Icon_1 = require("./src/Icon");
 Object.defineProperty(exports, "UBaseIcon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+var interface_1 = require("./src/interface");
+Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return interface_1.iconProps; } });
+var render_icon_1 = require("./src/render-icon");
+Object.defineProperty(exports, "renderIcon", { enumerable: true, get: function () { return render_icon_1.renderIcon; } });
 var UIcon_1 = require("./src/UIcon");
-Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return UIcon_1.iconProps; } });
 Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return UIcon_1.UIcon; } });

package/lib/_internal/icon/src/UIcon.d.ts

@@ -1,52 +1,14 @@
-import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
-import type { Component, PropType, VNodeChild } from 'vue';
-import type { ExtractPublicPropTypes } from '../../../_utils';
-import type { IconPackName } from '../../../config-provider/src/internal-interface';
-export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
-export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
-export declare const iconProps: {
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
-    readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly name: PropType<string>;
-    readonly pack: PropType<IconPackName>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>>>;
-};
-export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
+import type { VNodeChild } from 'vue';
+import type { GenericUIcon } from './interface';
 declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
+    readonly depth: import("vue").PropType<import("./interface").Depth>;
+    readonly size: import("vue").PropType<number | string>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly name: PropType<string>;
-    readonly pack: PropType<IconPackName>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+    readonly component: import("vue").PropType<import("vue").Component>;
+    readonly name: import("vue").PropType<string>;
+    readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
+    readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -54,7 +16,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly themeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -62,7 +24,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -85,14 +47,14 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly depth: PropType<Depth>;
-    readonly size: PropType<number | string>;
+    readonly depth: import("vue").PropType<import("./interface").Depth>;
+    readonly size: import("vue").PropType<number | string>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component>;
-    readonly name: PropType<string>;
-    readonly pack: PropType<IconPackName>;
-    readonly onClick: PropType<(e: MouseEvent) => void>;
-    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+    readonly component: import("vue").PropType<import("vue").Component>;
+    readonly name: import("vue").PropType<string>;
+    readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
+    readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -100,7 +62,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly themeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -108,7 +70,7 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
@@ -117,10 +79,5 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity5Depth: string;
     }, any>>>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
-export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
-    pack?: P;
-    name?: IconNameOf<P>;
-}) => any;
 export declare const UIcon: typeof UIconImpl & GenericUIcon;
 export {};

package/lib/_internal/icon/src/UIcon.js

@@ -3,18 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIcon = exports.iconProps = void 0;
+exports.UIcon = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../../_mixins");
 const _utils_1 = require("../../../_utils");
 const index_cssr_1 = __importDefault(require("../../../icon/src/styles/index.cssr"));
 const styles_1 = require("../../../icon/styles");
 const Icon_1 = __importDefault(require("./Icon"));
-exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, name: String, pack: String, onClick: Function });
+const interface_1 = require("./interface");
 const UIconImpl = (0, vue_1.defineComponent)({
     _n_icon__: true,
     name: 'Icon',
-    props: exports.iconProps,
+    props: interface_1.iconProps,
     setup(props) {
         const { mergedClsPrefixRef, mergedIconPacksRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Icon', '-icon', index_cssr_1.default, styles_1.iconLight, props, mergedClsPrefixRef);

package/lib/_internal/icon/src/interface.d.ts

@@ -0,0 +1,50 @@
+import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
+import type { Component, PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+import type { IconPackName } from '../../../config-provider/src/internal-interface';
+export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
+export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
+export declare const iconProps: {
+    readonly depth: PropType<Depth>;
+    readonly size: PropType<number | string>;
+    readonly color: StringConstructor;
+    readonly component: PropType<Component>;
+    readonly name: PropType<string>;
+    readonly pack: PropType<IconPackName>;
+    readonly onClick: PropType<(e: MouseEvent) => void>;
+    readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>>>;
+};
+export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
+type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
+export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
+    pack?: P;
+    name?: IconNameOf<P>;
+}) => any;
+export type RenderIconProps<P extends IconPackName = IconPackName> = IconBaseProps & {
+    pack?: P;
+};
+export type RenderIconChildren = VNodeChild | (() => VNodeChild);
+export {};

package/lib/_internal/icon/src/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconProps = void 0;
+const _mixins_1 = require("../../../_mixins");
+exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, name: String, pack: String, onClick: Function });

package/lib/_internal/icon/src/render-icon.d.ts

@@ -0,0 +1,4 @@
+import type { VNode } from 'vue';
+import type { IconPackName } from '../../../config-provider/src/internal-interface';
+import type { IconNameOf, RenderIconChildren, RenderIconProps } from './interface';
+export declare function renderIcon<P extends IconPackName = IconPackName>(name: IconNameOf<P>, props?: RenderIconProps<P> | null, children?: RenderIconChildren): VNode;

package/lib/_internal/icon/src/render-icon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderIcon = renderIcon;
+const vue_1 = require("vue");
+const UIcon_1 = require("./UIcon");
+function renderIcon(name, props, children) {
+    const slots = children == null
+        ? undefined
+        : { default: typeof children === 'function' ? children : () => children };
+    return (0, vue_1.h)(UIcon_1.UIcon, Object.assign(Object.assign({}, props), { name }), slots);
+}

package/lib/chat/src/Chat.js

@@ -462,7 +462,9 @@ exports.default = (0, vue_1.defineComponent)({
                     (0, _utils_1.resolveSlot)($slots.sidebar, () => [
                         (0, vue_1.h)(Sidebar_1.default, null, {
                             sidebarHeaderMain: $slots.sidebarHeaderMain,
-                            sidebarHeaderActions: $slots.sidebarHeaderActions
+                            sidebarHeaderActions: $slots.sidebarHeaderActions,
+                            chatItemStatus: $slots.chatItemStatus,
+                            chatItemSuffix: $slots.chatItemSuffix
                         })
                     ]),
                     this.selectedChatId

package/lib/chat/src/ChatListItems.js

@@ -153,7 +153,7 @@ exports.default = (0, vue_1.defineComponent)({
                     const displayUnreadCount = item.unreadCount || 0;
                     const hasUnreadIncoming = displayUnreadCount > 0;
                     const lastMessageIsOwn = item.lastMessageIsOwn;
-                    return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-sidebar__item-indicators` },
+                    return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-sidebar__item-indicators` }, slots.chatItemSuffix ? (slots.chatItemSuffix(item)) : ((0, vue_1.h)(vue_1.Fragment, null,
                         (0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-sidebar__item-time` }, item.datetime),
                         (0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-sidebar__item-status` },
                             lastMessageIsOwn
@@ -162,7 +162,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         `${mergedClsPrefixRef.value}-chat-sidebar__item-status-icon`,
                                         `${mergedClsPrefixRef.value}-chat-sidebar__item-status-icon--${item.messageStatus}`
                                     ], theme: themeRef.value.peers.StatusIcon, themeOverrides: themeRef.value.peerOverrides.StatusIcon })) : null),
-                            !lastMessageIsOwn && hasUnreadIncoming && ((0, vue_1.h)(badge_1.UBadge, Object.assign({ value: displayUnreadCount }, props.badgeProps, { theme: themeRef.value.peers.Badge, themeOverrides: themeRef.value.peerOverrides.Badge }))))));
+                            !lastMessageIsOwn && hasUnreadIncoming && ((0, vue_1.h)(badge_1.UBadge, Object.assign({ value: displayUnreadCount }, props.badgeProps, { theme: themeRef.value.peers.Badge, themeOverrides: themeRef.value.peerOverrides.Badge }))))))));
                 }
             }));
         };

package/lib/chat/src/ChatParts/Sidebar.js

@@ -81,7 +81,8 @@ exports.default = (0, vue_1.defineComponent)({
             this.renderListHeader(),
             (0, vue_1.h)(scrollbar_1.UScrollbar, { ref: "sidebarContentRef", class: `${this.mergedClsPrefixRef}-chat-sidebar__content`, onScroll: this.handleSidebarScroll }, {
                 default: () => ((0, vue_1.h)(ChatListItems_1.default, { chatItems: this.chatItemsRef, selectedChatId: this.selectedChatIdRef, typingChatIds: this.typingChatIdsRef, typingText: this.typingTextRef, loading: this.chatItemsLoadingRef, loadingCount: this.chatItemsLoadingCountRef, emptyProps: this.listEmptyPropsRef, avatarProps: this.listItemAvatarPropsRef, badgeProps: this.listItemBadgePropsRef, notificationsShown: this.notificationsShownSetRef, onChatSelect: this.handleChatSelect }, {
-                    chatItemStatus: this.slots.chatItemStatus
+                    chatItemStatus: this.slots.chatItemStatus,
+                    chatItemSuffix: this.slots.chatItemSuffix
                 }))
             })));
     }

package/lib/chat/src/interface.d.ts

@@ -198,6 +198,7 @@ export interface ChatSlots {
     listHeader?: () => VNodeChild;
     listEmpty?: () => VNodeChild;
     chatItemStatus?: (item: ChatListItemData) => VNodeChild;
+    chatItemSuffix?: (item: ChatListItemData) => VNodeChild;
     messageStatus?: (message: ChatMessageData) => VNodeChild;
     messageContent?: (message: ChatMessageData) => VNodeChild;
     messageTimestamp?: (message: ChatMessageData) => VNodeChild;

package/lib/components.d.ts

@@ -55072,6 +55072,7 @@ export declare const UDrawerContent: import("vue").DefineComponent<import("vue")
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    bodyContentClass: StringConstructor;
     bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -55215,6 +55216,7 @@ export declare const UDrawerContent: import("vue").DefineComponent<import("vue")
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    bodyContentClass: StringConstructor;
     bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -65493,7 +65495,7 @@ export declare const UHighlight: import("vue").DefineComponent<import("vue").Ext
     readonly patterns: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type * from './icon';
-export { iconProps } from './icon';
+export { iconProps, renderIcon } from './icon';
 export declare const UIcon: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly depth: import("vue").PropType<import("./_internal/icon").Depth>;

package/lib/components.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkboxProps = exports.checkboxGroupProps = exports.UChatMessages = exports.UChatListItems = exports.UChat = exports.MessageStatus = exports.ChatMessageType = exports.ChatMarkType = exports.ChatAttachmentStatus = exports.UCascader = exports.cascaderProps = exports.UCarouselItem = exports.UCarousel = exports.carouselProps = exports.UCardList = exports.cardListProps = exports.UCard = exports.cardProps = exports.UCalendar = exports.calendarProps = exports.UButtonGroup = exports.buttonGroupProps = exports.UxButton = exports.UButton = exports.buttonProps = exports.UBreadcrumbItem = exports.UBreadcrumb = exports.breadcrumbProps = exports.breadcrumbItemProps = exports.UBadge = exports.badgeProps = exports.UBackTop = exports.backTopProps = exports.UAvatarGroup = exports.avatarGroupProps = exports.UAvatar = exports.avatarProps = exports.UAutoComplete = exports.autoCompleteProps = exports.UAnchorLink = exports.UAnchor = exports.anchorProps = exports.anchorLinkProps = exports.UAlert = exports.alertProps = exports.UAffix = exports.affixProps = exports.UActionCard = exports.actionCardLight = exports.actionCardDark = void 0;
 exports.UElement = exports.elementProps = exports.UDynamicTags = exports.dynamicTagsProps = exports.UDynamicInput = exports.dynamicInputProps = exports.UDropdown = exports.dropdownProps = exports.UDrawerContent = exports.UDrawer = exports.drawerProps = exports.drawerContentProps = exports.UDivider = exports.dividerProps = exports.createDiscreteApi = exports.UDialog = exports.UDialogProvider = exports.useDialogReactiveList = exports.useDialog = exports.dialogProviderProps = exports.dialogProps = exports.UDescriptionsItem = exports.UDescriptions = exports.descriptionsProps = exports.descriptionsItemProps = exports.UDatePickerV2 = exports.datePickerV2Light = exports.datePickerV2Dark = exports.UDatePicker = exports.datePickerProps = exports.UDataTable = exports.dataTableProps = exports.UCrop = exports.cropProps = exports.UCountdown = exports.countdownProps = exports.UConfigProvider = exports.configProviderProps = exports.UColorPicker = exports.colorPickerProps = exports.UCollapseTransition = exports.collapseTransitionProps = exports.UCollapseItem = exports.UCollapse = exports.collapseProps = exports.collapseItemProps = exports.UCode = exports.codeProps = exports.UCheckboxGroup = exports.UCheckbox = void 0;
 exports.renderBadge = exports.isNotNull = exports.isLeafMenuOption = exports.isGroupOption = exports.isDividerOption = exports.isColumnOption = exports.headerSearchResultsProps = exports.headerSearchMobileProps = exports.headerSearchDesktopProps = exports.headerProps = exports.headerNavigationProps = exports.headerMobileProps = exports.headerMobileLayoutProps = exports.headerDesktopLayoutProps = exports.headerActionsProps = exports.hasChildren = exports.getMenuItemKey = exports.UGi = exports.UGridItem = exports.UGrid = exports.gridProps = exports.gridItemProps = exports.giProps = exports.UGradientText = exports.gradientTextProps = exports.UGlobalStyle = exports.UFormItemRow = exports.UFormItemGridItem = exports.UFormItemGi = exports.UFormItemCol = exports.UFormItem = exports.UForm = exports.formProps = exports.formItemProps = exports.formItemGridItemProps = exports.formItemGiProps = exports.UFloatButtonGroup = exports.floatButtonGroupProps = exports.UFloatButton = exports.floatButtonProps = exports.UFlex = exports.flexProps = exports.UEquation = exports.equationProps = exports.UEmpty = exports.emptyProps = exports.UPerformantEllipsis = exports.UEllipsis = exports.ellipsisProps = exports.UEl = void 0;
-exports.UKanbanCard = exports.UKanban = exports.kanbanProps = exports.kanbanLight = exports.kanbanDark = exports.UInputOtp = exports.inputOtpProps = exports.UInputNumber = exports.inputNumberProps = exports.UInputGroupLabel = exports.UInputGroup = exports.UInput = exports.inputProps = exports.inputGroupProps = exports.inputGroupLabelProps = exports.UInfiniteScroll = exports.infiniteScrollProps = exports.UImagePreview = exports.UImageGroup = exports.UImage = exports.imageProps = exports.imagePreviewProps = exports.imageGroupProps = exports.UIconWrapper = exports.iconWrapperProps = exports.UIconBarItem = exports.UIconBar = exports.iconBarProps = exports.iconBarItemProps = exports.UIcon = exports.iconProps = exports.UHighlight = exports.highlightProps = exports.UHeatmap = exports.heatmapProps = exports.heatmapMockData = exports.heatmapLight = exports.heatmapDark = exports.UHeaderSearchResults = exports.UHeaderSearchMobile = exports.UHeaderSearchDesktop = exports.UHeaderNavigation = exports.UHeaderMobileLayout = exports.UHeaderDesktopLayout = exports.UHeaderActions = exports.UHeader = exports.UHeaderMobile = exports.resolveTopLevelMenuKey = exports.resolvePlacement = exports.renderOptionLabel = void 0;
-exports.numberAnimationProps = exports.UNotificationProvider = exports.useNotification = exports.notificationProviderProps = exports.UModalFullscreen = exports.modalFullscreenProps = exports.UModalProvider = exports.UModal = exports.useModalReactiveList = exports.useModal = exports.modalProviderProps = exports.modalProps = exports.UMessageProvider = exports.useMessage = exports.messageProviderProps = exports.UMenu = exports.menuProps = exports.UMention = exports.mentionProps = exports.UMarquee = exports.UMappingCardList = exports.UMappingCard = exports.renderConfig = exports.mappingCardLight = exports.mappingCardDark = exports.ULog = exports.logProps = exports.ULoadingBarProvider = exports.useLoadingBar = exports.loadingBarProviderProps = exports.UListItem = exports.UList = exports.listProps = exports.ULegacyTransfer = exports.legacyTransferProps = exports.URow = exports.UCol = exports.rowProps = exports.colProps = exports.ULayoutSider = exports.ULayoutHeader = exports.ULayoutFooter = exports.ULayoutContent = exports.ULayout = exports.layoutSiderProps = exports.layoutProps = exports.layoutHeaderProps = exports.layoutFooterProps = exports.layoutContentProps = exports.UKanbanColumn = void 0;
-exports.switchProps = exports.USteps = exports.UStep = exports.stepsProps = exports.stepProps = exports.UStatus = exports.statusProps = exports.UStatistic = exports.statisticProps = exports.USplit = exports.splitProps = exports.USpin = exports.spinProps = exports.USpace = exports.spaceProps = exports.USlider = exports.sliderProps = exports.USkeleton = exports.skeletonProps = exports.USelect = exports.selectProps = exports.UScrollbar = exports.scrollbarProps = exports.USafeTopScrollbar = exports.safeTopScrollbarProps = exports.UResult = exports.resultProps = exports.URate = exports.rateProps = exports.URadioGroup = exports.URadioButton = exports.URadio = exports.radioProps = exports.radioGroupProps = exports.radioButtonProps = exports.UQrCode = exports.qrCodeProps = exports.UProgress = exports.progressProps = exports.UPopselect = exports.popselectProps = exports.UPopover = exports.popoverProps = exports.UPopconfirm = exports.popconfirmProps = exports.UPagination = exports.paginationProps = exports.UPageHeader = exports.pageHeaderProps = exports.UNumberAnimation = void 0;
-exports.pProps = exports.olProps = exports.NP = exports.NA = exports.h6Props = exports.h5Props = exports.h4Props = exports.h3Props = exports.h2Props = exports.h1Props = exports.blockquoteProps = exports.aProps = exports.UTreeSelect = exports.treeSelectProps = exports.UTree = exports.treeProps = exports.treeGetClickTarget = exports.UTransfer = exports.transferProps = exports.UTooltip = exports.tooltipProps = exports.UToggleButton = exports.toggleButtonProps = exports.UTimelineItem = exports.UTimeline = exports.timelineProps = exports.timelineItemProps = exports.UTimePicker = exports.timePickerProps = exports.UTime = exports.timeProps = exports.UThing = exports.thingProps = exports.UTagGroup = exports.UTag = exports.tagProps = exports.UTabs = exports.UTabPane = exports.UTab = exports.tabsProps = exports.tabProps = exports.tabPaneProps = exports.UTr = exports.UThead = exports.UTh = exports.UTd = exports.UTbody = exports.UTable = exports.tableProps = exports.USwitch = void 0;
-exports.UWatermark = exports.watermarkProps = exports.UVirtualList = exports.virtualListProps = exports.UUploadTrigger = exports.UUploadFileList = exports.UUploadDragger = exports.UUpload = exports.uploadProps = exports.uploadDownload = exports.UUl = exports.UText = exports.UOl = exports.ULi = exports.UHr = exports.UH6 = exports.UH5 = exports.UH4 = exports.UH3 = exports.UH2 = exports.UH1 = exports.UBlockquote = exports.ulProps = exports.textProps = void 0;
+exports.UKanban = exports.kanbanProps = exports.kanbanLight = exports.kanbanDark = exports.UInputOtp = exports.inputOtpProps = exports.UInputNumber = exports.inputNumberProps = exports.UInputGroupLabel = exports.UInputGroup = exports.UInput = exports.inputProps = exports.inputGroupProps = exports.inputGroupLabelProps = exports.UInfiniteScroll = exports.infiniteScrollProps = exports.UImagePreview = exports.UImageGroup = exports.UImage = exports.imageProps = exports.imagePreviewProps = exports.imageGroupProps = exports.UIconWrapper = exports.iconWrapperProps = exports.UIconBarItem = exports.UIconBar = exports.iconBarProps = exports.iconBarItemProps = exports.UIcon = exports.renderIcon = exports.iconProps = exports.UHighlight = exports.highlightProps = exports.UHeatmap = exports.heatmapProps = exports.heatmapMockData = exports.heatmapLight = exports.heatmapDark = exports.UHeaderSearchResults = exports.UHeaderSearchMobile = exports.UHeaderSearchDesktop = exports.UHeaderNavigation = exports.UHeaderMobileLayout = exports.UHeaderDesktopLayout = exports.UHeaderActions = exports.UHeader = exports.UHeaderMobile = exports.resolveTopLevelMenuKey = exports.resolvePlacement = exports.renderOptionLabel = void 0;
+exports.UNotificationProvider = exports.useNotification = exports.notificationProviderProps = exports.UModalFullscreen = exports.modalFullscreenProps = exports.UModalProvider = exports.UModal = exports.useModalReactiveList = exports.useModal = exports.modalProviderProps = exports.modalProps = exports.UMessageProvider = exports.useMessage = exports.messageProviderProps = exports.UMenu = exports.menuProps = exports.UMention = exports.mentionProps = exports.UMarquee = exports.UMappingCardList = exports.UMappingCard = exports.renderConfig = exports.mappingCardLight = exports.mappingCardDark = exports.ULog = exports.logProps = exports.ULoadingBarProvider = exports.useLoadingBar = exports.loadingBarProviderProps = exports.UListItem = exports.UList = exports.listProps = exports.ULegacyTransfer = exports.legacyTransferProps = exports.URow = exports.UCol = exports.rowProps = exports.colProps = exports.ULayoutSider = exports.ULayoutHeader = exports.ULayoutFooter = exports.ULayoutContent = exports.ULayout = exports.layoutSiderProps = exports.layoutProps = exports.layoutHeaderProps = exports.layoutFooterProps = exports.layoutContentProps = exports.UKanbanColumn = exports.UKanbanCard = void 0;
+exports.USteps = exports.UStep = exports.stepsProps = exports.stepProps = exports.UStatus = exports.statusProps = exports.UStatistic = exports.statisticProps = exports.USplit = exports.splitProps = exports.USpin = exports.spinProps = exports.USpace = exports.spaceProps = exports.USlider = exports.sliderProps = exports.USkeleton = exports.skeletonProps = exports.USelect = exports.selectProps = exports.UScrollbar = exports.scrollbarProps = exports.USafeTopScrollbar = exports.safeTopScrollbarProps = exports.UResult = exports.resultProps = exports.URate = exports.rateProps = exports.URadioGroup = exports.URadioButton = exports.URadio = exports.radioProps = exports.radioGroupProps = exports.radioButtonProps = exports.UQrCode = exports.qrCodeProps = exports.UProgress = exports.progressProps = exports.UPopselect = exports.popselectProps = exports.UPopover = exports.popoverProps = exports.UPopconfirm = exports.popconfirmProps = exports.UPagination = exports.paginationProps = exports.UPageHeader = exports.pageHeaderProps = exports.UNumberAnimation = exports.numberAnimationProps = void 0;
+exports.olProps = exports.NP = exports.NA = exports.h6Props = exports.h5Props = exports.h4Props = exports.h3Props = exports.h2Props = exports.h1Props = exports.blockquoteProps = exports.aProps = exports.UTreeSelect = exports.treeSelectProps = exports.UTree = exports.treeProps = exports.treeGetClickTarget = exports.UTransfer = exports.transferProps = exports.UTooltip = exports.tooltipProps = exports.UToggleButton = exports.toggleButtonProps = exports.UTimelineItem = exports.UTimeline = exports.timelineProps = exports.timelineItemProps = exports.UTimePicker = exports.timePickerProps = exports.UTime = exports.timeProps = exports.UThing = exports.thingProps = exports.UTagGroup = exports.UTag = exports.tagProps = exports.UTabs = exports.UTabPane = exports.UTab = exports.tabsProps = exports.tabProps = exports.tabPaneProps = exports.UTr = exports.UThead = exports.UTh = exports.UTd = exports.UTbody = exports.UTable = exports.tableProps = exports.USwitch = exports.switchProps = void 0;
+exports.UWatermark = exports.watermarkProps = exports.UVirtualList = exports.virtualListProps = exports.UUploadTrigger = exports.UUploadFileList = exports.UUploadDragger = exports.UUpload = exports.uploadProps = exports.uploadDownload = exports.UUl = exports.UText = exports.UOl = exports.ULi = exports.UHr = exports.UH6 = exports.UH5 = exports.UH4 = exports.UH3 = exports.UH2 = exports.UH1 = exports.UBlockquote = exports.ulProps = exports.textProps = exports.pProps = void 0;
 const wrap_component_1 = require("./_utils/wrap-component");
 const action_card_1 = require("./action-card");
 const affix_1 = require("./affix");
@@ -342,6 +342,7 @@ Object.defineProperty(exports, "highlightProps", { enumerable: true, get: functi
 exports.UHighlight = (0, wrap_component_1.wrap)(highlight_1.UHighlight);
 var icon_2 = require("./icon");
 Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return icon_2.iconProps; } });
+Object.defineProperty(exports, "renderIcon", { enumerable: true, get: function () { return icon_2.renderIcon; } });
 exports.UIcon = (0, wrap_component_1.wrap)(icon_1.UIcon);
 var icon_bar_2 = require("./icon-bar");
 Object.defineProperty(exports, "iconBarItemProps", { enumerable: true, get: function () { return icon_bar_2.iconBarItemProps; } });