@uzum-tech/ui 2.1.2 → 2.1.4

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.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;
+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.renderAsyncIcon = 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.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 = exports.UKanban = void 0;
+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 = exports.UNotificationProvider = void 0;
+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 = exports.USteps = 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 = exports.olProps = 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, "renderAsyncIcon", { enumerable: true, get: function () { return icon_2.renderAsyncIcon; } });
 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");

package/lib/date-picker/src/DatePicker.js

@@ -162,6 +162,7 @@ exports.default = (0, vue_1.defineComponent)({
                 const { type } = props;
                 switch (type) {
                     case 'date':
+                    case 'daterange':
                         return localeRef.value.datePlaceholder;
                     case 'datetime':
                         return localeRef.value.datetimePlaceholder;
@@ -373,15 +374,16 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function handleClear() {
-            var _a;
+            var _a, _b;
+            doUpdateValue(null, { doConfirm: false });
             doUpdateShow(false);
-            (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate();
+            (_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate) === null || _b === void 0 ? void 0 : _b.call(_a);
             doClear();
         }
         function handlePanelClear() {
-            var _a;
+            var _a, _b;
             // close will be called inside panel
-            (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate();
+            (_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate) === null || _b === void 0 ? void 0 : _b.call(_a);
             doClear();
         }
         function handlePanelTabOut() {
@@ -795,19 +797,28 @@ exports.default = (0, vue_1.defineComponent)({
                                     value: this.displayTime || this.localizedPlacehoder
                                 });
                             }
+                            const hasDisplayTime = this.isRange
+                                ? this.displayStartTime && this.displayEndTime
+                                : this.displayTime;
+                            const displayValue = this.isRange
+                                ? `${this.displayStartTime} - ${this.displayEndTime}`
+                                : this.displayTime;
                             if (this.triggerPreset === 'select') {
-                                return ((0, vue_1.h)(_internal_1.UInternalSelection, { ref: "inputInstRef", selectedOption: this.displayTime
+                                return ((0, vue_1.h)(_internal_1.UInternalSelection, { ref: "inputInstRef", selectedOption: hasDisplayTime
                                         ? {
-                                            label: this.displayTime,
-                                            value: this.displayTime
+                                            label: displayValue,
+                                            value: displayValue
                                         }
                                         : null, round: this.round, status: this.mergedStatus, clsPrefix: mergedClsPrefix, bordered: this.mergedBordered, size: this.mergedSize, theme: this.mergedTheme.peers.Select, themeOverrides: this.mergedTheme.peerOverrides.Select, placeholder: this.localizedPlacehoder, active: this.mergedShow, clearable: this.clearable, disabled: this.mergedDisabled, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onClick: this.handleTriggerClick, onClear: this.handleClear }, {
                                     arrow: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
                                 }));
                             }
                             if (this.triggerPreset === 'button') {
+                                const buttonText = hasDisplayTime
+                                    ? displayValue
+                                    : this.localizedPlacehoder;
                                 return ((0, vue_1.h)(button_1.UButton, { round: this.round, size: this.mergedSize, theme: this.mergedTheme.peers.Button, themeOverrides: this.mergedTheme.peerOverrides.Button, onClick: this.handleTriggerClick }, {
-                                    default: () => this.displayTime || this.localizedPlacehoder
+                                    default: () => buttonText
                                 }));
                             }
                             return this.isRange ? ((0, vue_1.h)(input_1.UInput, Object.assign({ ref: "inputInstRef", round: this.round, status: this.mergedStatus, value: [this.displayStartTime, this.displayEndTime], placeholder: [

package/lib/icon/index.d.ts

@@ -1,2 +1,2 @@
-export { iconProps, renderIcon, UIcon } from './src/Icon';
+export { iconProps, renderAsyncIcon, renderIcon, UIcon } from './src/Icon';
 export type { IconProps, RenderIconProps } from './src/Icon';

package/lib/icon/index.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIcon = exports.renderIcon = exports.iconProps = void 0;
+exports.UIcon = exports.renderIcon = exports.renderAsyncIcon = exports.iconProps = void 0;
 var Icon_1 = require("./src/Icon");
 Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return Icon_1.iconProps; } });
+Object.defineProperty(exports, "renderAsyncIcon", { enumerable: true, get: function () { return Icon_1.renderAsyncIcon; } });
 Object.defineProperty(exports, "renderIcon", { enumerable: true, get: function () { return Icon_1.renderIcon; } });
 Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return Icon_1.UIcon; } });

package/lib/icon/src/Icon.d.ts

@@ -1,2 +1,2 @@
-export { iconProps, renderIcon, UIcon } from '../../_internal/icon';
+export { iconProps, renderAsyncIcon, renderIcon, UIcon } from '../../_internal/icon';
 export type { Depth, GenericUIcon, IconNameOf, IconProps, RenderIconProps } from '../../_internal/icon';

package/lib/icon/src/Icon.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIcon = exports.renderIcon = exports.iconProps = void 0;
+exports.UIcon = exports.renderIcon = exports.renderAsyncIcon = exports.iconProps = void 0;
 var icon_1 = require("../../_internal/icon");
 Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return icon_1.iconProps; } });
+Object.defineProperty(exports, "renderAsyncIcon", { enumerable: true, get: function () { return icon_1.renderAsyncIcon; } });
 Object.defineProperty(exports, "renderIcon", { enumerable: true, get: function () { return icon_1.renderIcon; } });
 Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return icon_1.UIcon; } });

package/lib/version.d.ts

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

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.1.2';
+exports.default = '2.1.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "packageManager": "pnpm@10.33.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "author": {

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -7628,6 +7628,11 @@
               "name": "pack",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon",
               "type": "string"
+            },
+            {
+              "name": "async",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon",
+              "type": "boolean"
             }
           ],
           "js": {