@uzum-tech/ui 1.12.18 → 1.12.20

package/README.md

@@ -0,0 +1,73 @@
+<p align="center">
+  <img width="144px" src="https://ik.imagekit.io/jbalancer/uzum-logo.svg?updatedAt=1692012347116" />
+</p>
+
+<h1 align="center">Uzum UI</h1>
+<p align="center">A Vue 3 Component Library</p>
+<p align="center"><b>Fairly Complete, Theme Customizable, Uses TypeScript, Fast</b></p>
+
+<p align="center">English</p>
+
+## Documentation
+
+[www.uzumui.com](http://www.uzumui.com)
+
+## Features
+
+### Fairly Complete
+
+There are more than 80 components. Hope they can help you write less code.
+
+What's more, they are all treeshakable.
+
+### Theme Customizable
+
+We provide an advanced type safe theme system built using TypeScript. All you need is to provide a theme overrides object in JS. Then all the stuff will be done by us.
+
+What's more, no less/sass/css variables, no webpack loaders are required.
+
+### Uses TypeScript
+
+All the stuff in Uzum UI is written in TypeScript. It can work with your typescript project seamlessly.
+
+What's more, you don't need to import any CSS to use the components.
+
+### Fast
+
+I try to make it not rather slow. At least select, tree, transfer, table and cascader work with virtual list.
+
+What's more, ..., no more. Just enjoy it.
+
+## Installation
+
+### npm
+
+Use npm to install.
+
+```bash
+npm i -D @uzum-tech/ui
+```
+
+### Fonts
+
+```bash
+npm i -D vfonts
+```
+
+### Icons
+
+Uzum UI recommends using [xicons](https://www.xicons.org) as icon library.
+
+### Design Resources
+
+[Uzum UI (Figma)](https://www.figma.com/file/yKEpk8950c0bZ2fA51psBI/Components-Web?type=design&t=brzuYK7mC2iOHJJ1-6).
+
+## Contributing
+
+Later...
+
+## License
+
+Uzum UI is licensed under the [MIT license](https://opensource.org/licenses/MIT).
+
+Graphics resouces of `result` component is licensed under the [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/). The graphics resources come from [Twemoji](https://github.com/twitter/twemoji).

package/dist/index.js

@@ -54291,7 +54291,7 @@
         },
         uploadProps: {
           type: Object,
-          default: () => ({})
+          default: void 0
         },
         withPadding: {
           type: Boolean,
@@ -54326,8 +54326,8 @@
         };
         const renderAttachment = () => {
           const fileList = props.attachments.map(
-            (attachment, index) => ({
-              id: `${String(props.message.id)}-attachment-${index}`,
+            (attachment) => ({
+              id: `${String(attachment.id)}`,
               name: attachment.name,
               status: attachment.status || ChatAttachmentStatus.FINISHED,
               percentage: attachment.percentage ?? null,
@@ -54342,7 +54342,6 @@
             UUpload,
             {
               abstract: true,
-              ...props.uploadProps,
               fileList,
               fileListStyle: props.withPadding ? {
                 display: "flex",
@@ -54357,7 +54356,8 @@
               showRetryButton: props.attachments.some(
                 (attachment) => attachment.status === ChatAttachmentStatus.ERROR
               ),
-              onDownload: handleDownload
+              onDownload: handleDownload,
+              ...props.uploadProps
             },
             {
               default: () => /* @__PURE__ */ vue.h(UUploadFileList, null, {
@@ -126268,6 +126268,10 @@
         type: Boolean,
         default: true
       },
+      actionsVisibility: {
+        type: Object,
+        required: false
+      },
       cssVars: Object,
       onSearch: Function,
       onPreview: Function,
@@ -126341,12 +126345,14 @@
         };
       },
       render() {
+        const { $slots } = this;
         const blockClass = `${this.mergedClsPrefix}-header`;
         if (this.responsive && this.isMobile && this.mobileActionsCollapse) {
-          return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { size: 32 }, { default: () => this.$slots.mobile?.() }));
+          return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { size: 32 }, { default: () => $slots.mobile?.() }));
         }
-        return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { class: `${blockClass}__actions-block`, size: 32 }, {
-          default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
+        const langNode = () => {
+          if (this.actionsVisibility?.lang === false) return null;
+          return $slots.lang ? $slots.lang() : /* @__PURE__ */ vue.h(
             UDropdown,
             {
               options: this.langOptions,
@@ -126365,7 +126371,11 @@
                 }
               )
             }
-          ), /* @__PURE__ */ vue.h("div", { class: `${blockClass}__search-wrapper` }, /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.handleSearchClick }, {
+          );
+        };
+        const searchNode = () => {
+          if (this.actionsVisibility?.search === false) return null;
+          return $slots.search ? $slots.search() : /* @__PURE__ */ vue.h("div", { class: `${blockClass}__search-wrapper` }, /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.handleSearchClick }, {
             default: () => /* @__PURE__ */ vue.h(UIcon, { size: 24 }, { default: () => /* @__PURE__ */ vue.h(SearchIcon, null) })
           }), /* @__PURE__ */ vue.h(vue.Transition, { name: "fade-in-scale-up" }, {
             default: () => this.searchVisible ? vue.h(HeaderSearchDesktop, {
@@ -126381,11 +126391,22 @@
               },
               onResultSelect: this.handleResultSelect
             }) : null
-          })), /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onPreview }, {
+          }));
+        };
+        const accessibilityNode = () => {
+          if (this.actionsVisibility?.accessibility === false) return null;
+          return $slots.accessibility ? $slots.accessibility() : /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onPreview }, {
             default: () => /* @__PURE__ */ vue.h(UIcon, { size: 24 }, { default: () => /* @__PURE__ */ vue.h(EyeIcon, null) })
-          }), /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onLogout }, {
+          });
+        };
+        const logoutNode = () => {
+          if (this.actionsVisibility?.logout === false) return null;
+          return $slots.logout ? $slots.logout() : /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onLogout }, {
             default: () => /* @__PURE__ */ vue.h(UIcon, { size: 24 }, { default: () => /* @__PURE__ */ vue.h(LogoutIcon, null) })
-          }))
+          });
+        };
+        return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { class: `${blockClass}__actions-block`, size: 32 }, {
+          default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, langNode(), searchNode(), accessibilityNode(), logoutNode())
         }));
       }
     });
@@ -126665,6 +126686,9 @@
         type: Boolean,
         default: true
       },
+      actionsProps: {
+        type: Object
+      },
       onSearch: Function,
       "onUpdate:menuValue": [Function, Array],
       onUpdateMenuValue: [Function, Array],
@@ -126971,6 +126995,21 @@
             footer: $slots["mobile-footer"]
           }
         ) : null;
+        const langNode = resolveWrappedSlot($slots.lang, (children) => children);
+        const searchNode = resolveWrappedSlot($slots.search, (children) => children);
+        const accessibilityNode = resolveWrappedSlot(
+          $slots.accessibility,
+          (children) => children ?? null
+        );
+        const logoutNode = resolveWrappedSlot($slots.logout, (children) => children);
+        const resolveActionSlots = () => {
+          return {
+            ...$slots.lang ? { lang: () => langNode } : {},
+            ...$slots.search ? { search: () => searchNode } : {},
+            ...$slots.accessibility ? { accessibility: () => accessibilityNode } : {},
+            ...$slots.logout ? { logout: () => logoutNode } : {}
+          };
+        };
         const actionsNode = resolveWrappedSlot(
           $slots.action,
           (children) => children ? /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, children) : null
@@ -126988,13 +127027,18 @@
             onSearchResultSelect: this.handleSearchResultSelect,
             onPreview: this.handlePreviewClick,
             onLogout: this.handleLogoutClick,
-            onLanguageSelect: this.handleSelectLang
+            onLanguageSelect: this.handleSelectLang,
+            ...vue.mergeProps(
+              this.$attrs,
+              this.actionsProps
+            )
           },
           {
-            mobile: () => mobileNode
+            mobile: () => mobileNode,
+            ...resolveActionSlots()
           }
         );
-        const searchNode = this.responsive && this.isMobile && this.searchVisible ? vue.h(HeaderSearchMobile, {
+        const searchMobileNode = this.responsive && this.isMobile && this.searchVisible ? vue.h(HeaderSearchMobile, {
           mergedClsPrefix,
           show: this.searchVisible,
           cssVars: this.cssVars,
@@ -127017,7 +127061,7 @@
                 actions: () => actionsNode
               }
             ),
-            searchNode
+            searchMobileNode
           ]);
         }
         return vue.h(
@@ -128727,7 +128771,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.12.18";
+    var version = "1.12.20";
 
     function useExposeProxy(targetRef) {
       return new Proxy({}, {