@uzum-tech/ui 1.12.2 → 1.12.4

package/lib/header/src/HeaderNavigation.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -14,7 +23,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.headerNavigationProps = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-const tabs_1 = require("../../tabs");
 const utils_1 = require("./utils");
 exports.headerNavigationProps = {
     menuOptions: {
@@ -63,7 +71,47 @@ exports.default = (0, vue_1.defineComponent)({
                 key: (0, utils_1.getMenuItemKey)(option, index)
             }));
         });
-        const resolvedMenuPlacementRef = (0, vue_1.computed)(() => (0, utils_1.resolvePlacement)(props.menuPlacement));
+        const navRef = (0, vue_1.ref)(null);
+        const setNavRef = (el) => {
+            navRef.value = el;
+        };
+        const hoveredKeyRef = (0, vue_1.ref)(null);
+        const tabRefs = (0, vue_1.ref)({});
+        const indicatorStyleRef = (0, vue_1.ref)({
+            width: '0px',
+            transform: 'translateX(0)'
+        });
+        function updateIndicator() {
+            var _a, _b;
+            const navEl = navRef.value;
+            if (!navEl)
+                return;
+            const isHoverTrigger = props.menuTrigger === 'hover';
+            const activeKey = isHoverTrigger
+                ? (_a = hoveredKeyRef.value) !== null && _a !== void 0 ? _a : null
+                : (_b = props.menuValue) !== null && _b !== void 0 ? _b : null;
+            if (activeKey === null) {
+                indicatorStyleRef.value = {
+                    width: '0px',
+                    transform: 'translateX(0)'
+                };
+                return;
+            }
+            const tabEl = tabRefs.value[activeKey];
+            if (!tabEl)
+                return;
+            const navRect = navEl.getBoundingClientRect();
+            const tabRect = tabEl.getBoundingClientRect();
+            indicatorStyleRef.value = {
+                width: `${tabRect.width}px`,
+                transform: `translateX(${tabRect.left - navRect.left}px)`
+            };
+        }
+        function setTabRef(key) {
+            return (el) => {
+                tabRefs.value[key] = el;
+            };
+        }
         function handleMenuValueUpdate(value) {
             const { onUpdateMenuValue } = props;
             const { 'onUpdate:menuValue': _onUpdateMenuValue } = props;
@@ -72,14 +120,42 @@ exports.default = (0, vue_1.defineComponent)({
             if (_onUpdateMenuValue)
                 (0, _utils_1.call)(_onUpdateMenuValue, value);
         }
+        (0, vue_1.onMounted)(() => __awaiter(this, void 0, void 0, function* () {
+            yield (0, vue_1.nextTick)(updateIndicator);
+            window.addEventListener('resize', updateIndicator);
+        }));
+        (0, vue_1.onBeforeUnmount)(() => {
+            window.removeEventListener('resize', updateIndicator);
+        });
+        (0, vue_1.watch)(() => props.menuValue, () => __awaiter(this, void 0, void 0, function* () {
+            yield (0, vue_1.nextTick)(updateIndicator);
+        }));
+        (0, vue_1.watch)(() => props.menuTrigger, () => __awaiter(this, void 0, void 0, function* () {
+            yield (0, vue_1.nextTick)(updateIndicator);
+        }));
+        (0, vue_1.watch)(hoveredKeyRef, (value, prevValue) => __awaiter(this, void 0, void 0, function* () {
+            yield (0, vue_1.nextTick)(updateIndicator);
+            if (props.menuTrigger === 'hover' &&
+                prevValue !== null &&
+                value === null) {
+                handleMenuValueUpdate(null);
+            }
+        }));
+        (0, vue_1.watch)(normalizedMenuItemsRef, () => __awaiter(this, void 0, void 0, function* () {
+            yield (0, vue_1.nextTick)(updateIndicator);
+        }), { deep: true });
         return {
             normalizedMenuItems: normalizedMenuItemsRef,
-            resolvedMenuPlacement: resolvedMenuPlacementRef,
-            handleMenuValueUpdate
+            handleMenuValueUpdate,
+            setNavRef,
+            navRef,
+            setTabRef,
+            indicatorStyle: indicatorStyleRef,
+            hoveredKey: hoveredKeyRef
         };
     },
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c;
         const mergedClsPrefix = this.mergedClsPrefix;
         const blockClass = `${mergedClsPrefix}-header`;
         const { $props } = this;
@@ -133,7 +209,7 @@ exports.default = (0, vue_1.defineComponent)({
                 ] },
                 (0, vue_1.h)("div", { class: `${blockClass}__menu-column-list` }, renderMenuItem(option, `${key}-single`))));
         };
-        const renderMenuCard = (item) => {
+        const renderMenuCard = (item, onClose) => {
             var _a, _b, _c;
             const option = item.option;
             if (!((_a = option.children) === null || _a === void 0 ? void 0 : _a.length))
@@ -141,35 +217,119 @@ exports.default = (0, vue_1.defineComponent)({
             const columns = (_c = (_b = option.children) === null || _b === void 0 ? void 0 : _b.map((child, index) => renderMenuColumn(child, `${item.key}-column-${index}`)).filter(utils_1.isNotNull)) !== null && _c !== void 0 ? _c : [];
             if (!columns.length)
                 return null;
-            // Подсчитываем количество колонок (children с type: 'column')
             const columnCount = option.children.filter((child) => (0, utils_1.isColumnOption)(child) || !(0, utils_1.isDividerOption)(child)).length;
-            return ((0, vue_1.h)("div", { class: `${blockClass}__menu-card` },
+            const handleSafeLeave = (event) => {
+                const currentTarget = event.currentTarget;
+                const related = event.relatedTarget;
+                if (!currentTarget)
+                    return;
+                if (related && currentTarget.contains(related))
+                    return;
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            };
+            return ((0, vue_1.h)("div", { class: `${blockClass}__menu-card`, onMouseleave: onClose, onPointerleave: onClose, onMouseout: handleSafeLeave, onPointerout: handleSafeLeave },
                 (0, vue_1.h)("div", { class: `${blockClass}__menu-grid`, style: {
                         gridTemplateColumns: `repeat(${columnCount}, minmax(var(--u-header-card-min-col-width), 1fr))`
                     } }, columns)));
         };
-        const menuItems = this.normalizedMenuItems;
-        const activeValue = (_a = this.menuValue) !== null && _a !== void 0 ? _a : undefined;
         const menuTabsProps = this.menuTabsProps;
-        const _h = menuTabsProps || {}, { class: tabsClass, paneClass, paneWrapperClass, 'onUpdate:value': userOnUpdateValue, onUpdateValue: userOnUpdateValueCompat } = _h, restTabsProps = __rest(_h, ["class", "paneClass", "paneWrapperClass", 'onUpdate:value', "onUpdateValue"]);
-        const tabsNode = menuItems.length > 0 ? ((0, vue_1.h)(tabs_1.UTabs, Object.assign({}, restTabsProps, { value: activeValue !== null && activeValue !== void 0 ? activeValue : undefined, type: (_b = restTabsProps.type) !== null && _b !== void 0 ? _b : 'bar', animated: (_c = restTabsProps.animated) !== null && _c !== void 0 ? _c : true, trigger: (_d = restTabsProps.trigger) !== null && _d !== void 0 ? _d : this.menuTrigger, placement: (_e = restTabsProps.placement) !== null && _e !== void 0 ? _e : this.resolvedMenuPlacement, tabsPadding: (_f = restTabsProps.tabsPadding) !== null && _f !== void 0 ? _f : 0, justifyContent: (_g = restTabsProps.justifyContent) !== null && _g !== void 0 ? _g : 'center', paneClass: [this.menuPaneClass, paneClass].filter(Boolean).join(' ') ||
-                undefined, paneWrapperClass: [this.menuPaneWrapperClass, paneWrapperClass]
-                .filter(Boolean)
-                .join(' ') || undefined, class: [`${blockClass}__tabs`, tabsClass], "onUpdate:value": (value) => {
-                this.handleMenuValueUpdate(value);
-                if (userOnUpdateValue)
-                    (0, _utils_1.call)(userOnUpdateValue, value);
-                if (userOnUpdateValueCompat) {
-                    (0, _utils_1.call)(userOnUpdateValueCompat, value);
-                }
-            } }), {
-            default: () => menuItems.map((item) => ((0, vue_1.h)(tabs_1.UTabPane, { key: item.key, name: item.key, disabled: !!item.option.disabled, "display-directive": "show", tab: (0, vue_1.h)("div", { class: `${blockClass}__tab` },
-                    item.option.icon ? ((0, vue_1.h)("span", { class: `${blockClass}__tab-icon` }, typeof item.option.icon === 'function'
-                        ? item.option.icon()
-                        : item.option.icon)) : null,
-                    (0, vue_1.h)("span", { class: `${blockClass}__tab-label` }, (0, utils_1.renderOptionLabel)(item.option)),
-                    (0, utils_1.renderBadge)(item.option, `${blockClass}__badge`)) }, { default: () => renderMenuCard(item) })))
-        })) : null;
+        const _d = menuTabsProps || {}, { class: tabsClass, paneClass, paneWrapperClass, 'onUpdate:value': userOnUpdateValue, onUpdateValue: userOnUpdateValueCompat } = _d, restTabsProps = __rest(_d, ["class", "paneClass", "paneWrapperClass", 'onUpdate:value', "onUpdateValue"]);
+        const isHoverTrigger = ((_a = restTabsProps.trigger) !== null && _a !== void 0 ? _a : this.menuTrigger) === 'hover';
+        const menuItems = this.normalizedMenuItems;
+        const activeValue = isHoverTrigger
+            ? (_b = this.hoveredKey) !== null && _b !== void 0 ? _b : undefined
+            : (_c = this.menuValue) !== null && _c !== void 0 ? _c : undefined;
+        const emitUpdate = (value) => {
+            if (isHoverTrigger && value === null) {
+                this.hoveredKey = null;
+            }
+            this.handleMenuValueUpdate(value);
+            if (userOnUpdateValue) {
+                (0, _utils_1.call)(userOnUpdateValue, value);
+            }
+            if (userOnUpdateValueCompat) {
+                (0, _utils_1.call)(userOnUpdateValueCompat, value);
+            }
+        };
+        const justifyContent = restTabsProps.justifyContent !== undefined
+            ? restTabsProps.justifyContent
+            : 'center';
+        const tabsPadding = restTabsProps.tabsPadding !== undefined ? restTabsProps.tabsPadding : 0;
+        const tabsPaddingValue = typeof tabsPadding === 'number' ? `${tabsPadding}px` : String(tabsPadding);
+        const closeMenu = isHoverTrigger
+            ? () => {
+                this.hoveredKey = null;
+                emitUpdate(null);
+            }
+            : undefined;
+        const tabsNode = menuItems.length > 0 ? ((0, vue_1.h)("div", { class: `${blockClass}__tabs-wrapper`, onMouseleave: closeMenu, onPointerleave: closeMenu },
+            (0, vue_1.h)("div", { class: [`${blockClass}__tabs`, 'u-tabs', tabsClass].filter(Boolean) },
+                (0, vue_1.h)("div", { class: "u-tabs-nav-scroll-wrapper" },
+                    (0, vue_1.h)("div", { class: "u-tabs-nav-scroll-content", style: {
+                            paddingLeft: tabsPaddingValue,
+                            paddingRight: tabsPaddingValue
+                        } },
+                        (0, vue_1.h)("div", { class: "u-tabs-nav", style: { justifyContent }, role: "tablist", "aria-orientation": "horizontal", ref: this.setNavRef },
+                            (0, vue_1.h)("div", { class: "u-tabs-pad", style: { width: tabsPaddingValue } }),
+                            menuItems.map((item, index) => {
+                                const isActive = activeValue === item.key;
+                                const isOpen = isHoverTrigger
+                                    ? this.hoveredKey === item.key
+                                    : isActive;
+                                const isDisabled = !!item.option.disabled;
+                                const icon = typeof item.option.icon === 'function'
+                                    ? item.option.icon()
+                                    : item.option.icon;
+                                const content = renderMenuCard(item, closeMenu);
+                                return ((0, vue_1.h)("div", { key: item.key, class: [
+                                        'u-tabs-tab',
+                                        `${blockClass}__tab`,
+                                        isActive && 'u-tabs-tab--active',
+                                        isDisabled && 'u-tabs-tab--disabled'
+                                    ], ref: this.setTabRef(item.key), role: "tab", "aria-selected": isActive, "aria-disabled": isDisabled, tabindex: isDisabled ? -1 : isActive ? 0 : -1, onKeydown: (event) => {
+                                        if (!isDisabled &&
+                                            !isHoverTrigger &&
+                                            (event.key === 'Enter' || event.key === ' ')) {
+                                            event.preventDefault();
+                                            emitUpdate(item.key);
+                                        }
+                                    }, onMouseenter: isHoverTrigger && !isDisabled
+                                        ? () => {
+                                            this.hoveredKey = item.key;
+                                            emitUpdate(item.key);
+                                        }
+                                        : undefined, onClick: !isDisabled
+                                        ? () => {
+                                            if (!isHoverTrigger) {
+                                                emitUpdate(item.key);
+                                            }
+                                            if (item.option.onClick) {
+                                                item.option.onClick();
+                                            }
+                                        }
+                                        : undefined },
+                                    icon ? ((0, vue_1.h)("span", { class: `${blockClass}__tab-icon` }, icon)) : null,
+                                    (0, vue_1.h)("span", { class: `${blockClass}__tab-label` }, (0, utils_1.renderOptionLabel)(item.option)),
+                                    (0, utils_1.renderBadge)(item.option, `${blockClass}__badge`),
+                                    content ? ((0, vue_1.h)("div", { class: [
+                                            'u-tabs-pane-wrapper',
+                                            this.menuPaneWrapperClass,
+                                            paneWrapperClass,
+                                            `${blockClass}__tab-pane-wrapper`
+                                        ]
+                                            .filter(Boolean)
+                                            .join(' ') || undefined, style: isOpen ? undefined : { display: 'none' }, "aria-hidden": !isOpen, onMouseleave: closeMenu, onPointerleave: closeMenu },
+                                        (0, vue_1.h)("div", { class: [
+                                                'u-tabs-pane',
+                                                this.menuPaneClass,
+                                                paneClass,
+                                                `${blockClass}__tab-pane`
+                                            ]
+                                                .filter(Boolean)
+                                                .join(' ') || undefined }, content))) : null));
+                            }),
+                            (0, vue_1.h)("div", { class: "u-tabs-bar", style: this.indicatorStyle, "aria-hidden": "true" }),
+                            (0, vue_1.h)("div", { class: "u-tabs-pad", style: { width: tabsPaddingValue } }))))))) : null;
         return tabsNode;
     }
 });

package/lib/header/src/styles/index.cssr.js

@@ -62,12 +62,19 @@ exports.default = (0, cssr_1.cB)('header', `
  display: block;
  max-height: 32px;
  width: auto;
- `)]), (0, cssr_1.cE)('navigation', `
+ `)]), (0, cssr_1.c)('&__logo--clickable', `
+ cursor: pointer;
+ `), (0, cssr_1.cE)('navigation', `
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: center;
  height: 100%;
+ `), (0, cssr_1.cE)('tabs-wrapper', `
+ width: 100%;
+ height: 100%;
+ position: relative;
+ display: flex;
  `), (0, cssr_1.cE)('actions', `
  position: relative;
  display: inline-flex;
@@ -89,28 +96,52 @@ exports.default = (0, cssr_1.cB)('header', `
  `)])]), (0, cssr_1.cE)('tabs', `
  width: 100%;
  height: 100%;
- `, [(0, cssr_1.c)('& .u-tabs-nav-scroll-content', `
- gap: 40px;
- height: 100%;
- `), (0, cssr_1.c)('& .u-tabs-nav-scroll-wrapper', `
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ `, [(0, cssr_1.c)('& .u-tabs-nav-scroll-wrapper', `
  flex: unset;
  align-items: center;
+ display: flex;
+ height: 100%;
+ `), (0, cssr_1.c)('& .u-tabs-nav-scroll-content', `
+ height: 100%;
+ display: flex;
+ align-items: center;
+ width: 100%;
  `), (0, cssr_1.c)('& .u-tabs-nav', `
  height: 100%;
+ display: flex;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ gap: 40px;
  `), (0, cssr_1.c)('& .u-tabs-tab', `
  padding: 0;
  color: var(--u-header-tab-text-color);
+ display: inline-flex;
+ align-items: center;
+ height: 100%;
+ cursor: pointer;
+ border-bottom: 2px solid transparent;
  `), (0, cssr_1.c)('& .u-tabs-tab--active', `
  color: var(--u-header-tab-text-color-active);
+ border-color: var(--u-header-tab-indicator-color);
+ `), (0, cssr_1.c)('& .u-tabs-tab--disabled', `
+ cursor: not-allowed;
+ pointer-events: none;
+ opacity: .5;
  `), (0, cssr_1.c)('& .u-tabs-tab:hover', `
  color: var(--u-header-tab-text-color-hover);
  `), (0, cssr_1.c)('& .u-tabs-bar', `
  background-color: var(--u-header-tab-indicator-color);
- `), (0, cssr_1.c)('& .u-tabs-pane-wrapper', `
  position: absolute;
- z-index: 1000;
- width: max-content;
- top: 100%;
+ height: 2px;
+ bottom: 0;
+ left: 0;
+ `), (0, cssr_1.c)('& .u-tabs-pad', `
+ flex: 0 0 auto;
+ height: 100%;
  `), (0, cssr_1.c)('& .v-x-scroll', `
  height: 100%;
  `)]), (0, cssr_1.cE)('tab', `
@@ -119,6 +150,8 @@ exports.default = (0, cssr_1.cB)('header', `
  gap: 8px;
  font-size: var(--u-font-size);
  font-weight: 500;
+ position: relative;
+ height: 100%;
  `), (0, cssr_1.cE)('tab-icon', `
  display: inline-flex;
  font-size: 20px;
@@ -140,6 +173,11 @@ exports.default = (0, cssr_1.cB)('header', `
  color: var(--u-header-badge-text-color);
  `), (0, cssr_1.cE)('tab-pane-wrapper', `
  overflow: visible;
+ position: absolute;
+ top: calc(100% + 2px);
+ left: 40%;
+ transform: translateX(-40%);
+ z-index: 1000;
  `), (0, cssr_1.cE)('tab-pane', `
  padding: 0;
  `), (0, cssr_1.cE)('menu-card', `
@@ -260,7 +298,6 @@ exports.headerMobileMenuStyle = (0, cssr_1.cB)('header-mobile-menu', `
  position: absolute;
  right: 24px;
  top: 50%;
- transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;

package/lib/locales/index.d.ts

@@ -1,53 +1,5 @@
-export { default as zhCN } from './common/zhCN';
-export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
-export { default as ruRU } from './common/ruRU';
-export { default as ukUA } from './common/ukUA';
-export { default as jaJP } from './common/jaJP';
-export { default as koKR } from './common/koKR';
-export { default as idID } from './common/idID';
-export { default as deDE } from './common/deDE';
-export { default as nbNO } from './common/nbNO';
-export { default as nlNL } from './common/nlNL';
-export { default as frFR } from './common/frFR';
-export { default as esAR } from './common/esAR';
-export { default as itIT } from './common/itIT';
-export { default as skSK } from './common/skSK';
-export { default as enGB } from './common/enGB';
-export { default as plPL } from './common/plPL';
-export { default as ptBR } from './common/ptBR';
-export { default as thTH } from './common/thTH';
-export { default as arDZ } from './common/arDZ';
-export { default as trTR } from './common/trTR';
-export { default as eo } from './common/eo';
-export { default as viVN } from './common/viVN';
-export { default as faIR } from './common/faIR';
-export { default as svSE } from './common/svSE';
-export { default as dateZhCN } from './date/zhCN';
-export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
-export { default as dateRuRU } from './date/ruRU';
-export { default as dateUkUA } from './date/ukUA';
-export { default as dateJaJP } from './date/jaJP';
-export { default as dateKoKR } from './date/koKR';
-export { default as dateIdID } from './date/idID';
-export { default as dateDeDE } from './date/deDE';
-export { default as dateNbNO } from './date/nbNO';
-export { default as dateNlNL } from './date/nlNL';
-export { default as dateFrFR } from './date/frFR';
-export { default as dateEsAR } from './date/esAR';
-export { default as dateItIT } from './date/itIT';
-export { default as dateSkSK } from './date/skSK';
-export { default as dateEnGB } from './date/enGB';
-export { default as datePlPL } from './date/plPL';
-export { default as datePtBR } from './date/ptBR';
-export { default as dateThTH } from './date/thTH';
-export { default as dateArDZ } from './date/arDZ';
-export { default as dateTrTR } from './date/trTR';
-export { default as dateEo } from './date/eo';
-export { default as dateViVN } from './date/viVN';
-export { default as dateFaIR } from './date/faIR';
-export { default as dateSvSE } from './date/svSE';
 export type { ULocale } from './common/enUS';
 export type { UDateLocale } from './date/enUS';
 export type { UPartialLocale } from './utils/index';

package/lib/locales/index.js

@@ -3,107 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateSvSE = exports.dateFaIR = exports.dateViVN = exports.dateEo = exports.dateTrTR = exports.dateArDZ = exports.dateThTH = exports.datePtBR = exports.datePlPL = exports.dateEnGB = exports.dateSkSK = exports.dateItIT = exports.dateEsAR = exports.dateFrFR = exports.dateNlNL = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateKoKR = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhTW = exports.dateZhCN = exports.svSE = exports.faIR = exports.viVN = exports.eo = exports.trTR = exports.arDZ = exports.thTH = exports.ptBR = exports.plPL = exports.enGB = exports.skSK = exports.itIT = exports.esAR = exports.frFR = exports.nlNL = exports.nbNO = exports.deDE = exports.idID = exports.koKR = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhTW = exports.zhCN = void 0;
-exports.createLocale = void 0;
-var zhCN_1 = require("./common/zhCN");
-Object.defineProperty(exports, "zhCN", { enumerable: true, get: function () { return __importDefault(zhCN_1).default; } });
-var zhTW_1 = require("./common/zhTW");
-Object.defineProperty(exports, "zhTW", { enumerable: true, get: function () { return __importDefault(zhTW_1).default; } });
+exports.createLocale = exports.dateEnUS = exports.enUS = void 0;
 var enUS_1 = require("./common/enUS");
 Object.defineProperty(exports, "enUS", { enumerable: true, get: function () { return __importDefault(enUS_1).default; } });
-var ruRU_1 = require("./common/ruRU");
-Object.defineProperty(exports, "ruRU", { enumerable: true, get: function () { return __importDefault(ruRU_1).default; } });
-var ukUA_1 = require("./common/ukUA");
-Object.defineProperty(exports, "ukUA", { enumerable: true, get: function () { return __importDefault(ukUA_1).default; } });
-var jaJP_1 = require("./common/jaJP");
-Object.defineProperty(exports, "jaJP", { enumerable: true, get: function () { return __importDefault(jaJP_1).default; } });
-var koKR_1 = require("./common/koKR");
-Object.defineProperty(exports, "koKR", { enumerable: true, get: function () { return __importDefault(koKR_1).default; } });
-var idID_1 = require("./common/idID");
-Object.defineProperty(exports, "idID", { enumerable: true, get: function () { return __importDefault(idID_1).default; } });
-var deDE_1 = require("./common/deDE");
-Object.defineProperty(exports, "deDE", { enumerable: true, get: function () { return __importDefault(deDE_1).default; } });
-var nbNO_1 = require("./common/nbNO");
-Object.defineProperty(exports, "nbNO", { enumerable: true, get: function () { return __importDefault(nbNO_1).default; } });
-var nlNL_1 = require("./common/nlNL");
-Object.defineProperty(exports, "nlNL", { enumerable: true, get: function () { return __importDefault(nlNL_1).default; } });
-var frFR_1 = require("./common/frFR");
-Object.defineProperty(exports, "frFR", { enumerable: true, get: function () { return __importDefault(frFR_1).default; } });
-var esAR_1 = require("./common/esAR");
-Object.defineProperty(exports, "esAR", { enumerable: true, get: function () { return __importDefault(esAR_1).default; } });
-var itIT_1 = require("./common/itIT");
-Object.defineProperty(exports, "itIT", { enumerable: true, get: function () { return __importDefault(itIT_1).default; } });
-var skSK_1 = require("./common/skSK");
-Object.defineProperty(exports, "skSK", { enumerable: true, get: function () { return __importDefault(skSK_1).default; } });
-var enGB_1 = require("./common/enGB");
-Object.defineProperty(exports, "enGB", { enumerable: true, get: function () { return __importDefault(enGB_1).default; } });
-var plPL_1 = require("./common/plPL");
-Object.defineProperty(exports, "plPL", { enumerable: true, get: function () { return __importDefault(plPL_1).default; } });
-var ptBR_1 = require("./common/ptBR");
-Object.defineProperty(exports, "ptBR", { enumerable: true, get: function () { return __importDefault(ptBR_1).default; } });
-var thTH_1 = require("./common/thTH");
-Object.defineProperty(exports, "thTH", { enumerable: true, get: function () { return __importDefault(thTH_1).default; } });
-var arDZ_1 = require("./common/arDZ");
-Object.defineProperty(exports, "arDZ", { enumerable: true, get: function () { return __importDefault(arDZ_1).default; } });
-var trTR_1 = require("./common/trTR");
-Object.defineProperty(exports, "trTR", { enumerable: true, get: function () { return __importDefault(trTR_1).default; } });
-var eo_1 = require("./common/eo");
-Object.defineProperty(exports, "eo", { enumerable: true, get: function () { return __importDefault(eo_1).default; } });
-var viVN_1 = require("./common/viVN");
-Object.defineProperty(exports, "viVN", { enumerable: true, get: function () { return __importDefault(viVN_1).default; } });
-var faIR_1 = require("./common/faIR");
-Object.defineProperty(exports, "faIR", { enumerable: true, get: function () { return __importDefault(faIR_1).default; } });
-var svSE_1 = require("./common/svSE");
-Object.defineProperty(exports, "svSE", { enumerable: true, get: function () { return __importDefault(svSE_1).default; } });
-var zhCN_2 = require("./date/zhCN");
-Object.defineProperty(exports, "dateZhCN", { enumerable: true, get: function () { return __importDefault(zhCN_2).default; } });
-var zhTW_2 = require("./date/zhTW");
-Object.defineProperty(exports, "dateZhTW", { enumerable: true, get: function () { return __importDefault(zhTW_2).default; } });
 var enUS_2 = require("./date/enUS");
 Object.defineProperty(exports, "dateEnUS", { enumerable: true, get: function () { return __importDefault(enUS_2).default; } });
-var ruRU_2 = require("./date/ruRU");
-Object.defineProperty(exports, "dateRuRU", { enumerable: true, get: function () { return __importDefault(ruRU_2).default; } });
-var ukUA_2 = require("./date/ukUA");
-Object.defineProperty(exports, "dateUkUA", { enumerable: true, get: function () { return __importDefault(ukUA_2).default; } });
-var jaJP_2 = require("./date/jaJP");
-Object.defineProperty(exports, "dateJaJP", { enumerable: true, get: function () { return __importDefault(jaJP_2).default; } });
-var koKR_2 = require("./date/koKR");
-Object.defineProperty(exports, "dateKoKR", { enumerable: true, get: function () { return __importDefault(koKR_2).default; } });
-var idID_2 = require("./date/idID");
-Object.defineProperty(exports, "dateIdID", { enumerable: true, get: function () { return __importDefault(idID_2).default; } });
-var deDE_2 = require("./date/deDE");
-Object.defineProperty(exports, "dateDeDE", { enumerable: true, get: function () { return __importDefault(deDE_2).default; } });
-var nbNO_2 = require("./date/nbNO");
-Object.defineProperty(exports, "dateNbNO", { enumerable: true, get: function () { return __importDefault(nbNO_2).default; } });
-var nlNL_2 = require("./date/nlNL");
-Object.defineProperty(exports, "dateNlNL", { enumerable: true, get: function () { return __importDefault(nlNL_2).default; } });
-var frFR_2 = require("./date/frFR");
-Object.defineProperty(exports, "dateFrFR", { enumerable: true, get: function () { return __importDefault(frFR_2).default; } });
-var esAR_2 = require("./date/esAR");
-Object.defineProperty(exports, "dateEsAR", { enumerable: true, get: function () { return __importDefault(esAR_2).default; } });
-var itIT_2 = require("./date/itIT");
-Object.defineProperty(exports, "dateItIT", { enumerable: true, get: function () { return __importDefault(itIT_2).default; } });
-var skSK_2 = require("./date/skSK");
-Object.defineProperty(exports, "dateSkSK", { enumerable: true, get: function () { return __importDefault(skSK_2).default; } });
-var enGB_2 = require("./date/enGB");
-Object.defineProperty(exports, "dateEnGB", { enumerable: true, get: function () { return __importDefault(enGB_2).default; } });
-var plPL_2 = require("./date/plPL");
-Object.defineProperty(exports, "datePlPL", { enumerable: true, get: function () { return __importDefault(plPL_2).default; } });
-var ptBR_2 = require("./date/ptBR");
-Object.defineProperty(exports, "datePtBR", { enumerable: true, get: function () { return __importDefault(ptBR_2).default; } });
-var thTH_2 = require("./date/thTH");
-Object.defineProperty(exports, "dateThTH", { enumerable: true, get: function () { return __importDefault(thTH_2).default; } });
-var arDZ_2 = require("./date/arDZ");
-Object.defineProperty(exports, "dateArDZ", { enumerable: true, get: function () { return __importDefault(arDZ_2).default; } });
-var trTR_2 = require("./date/trTR");
-Object.defineProperty(exports, "dateTrTR", { enumerable: true, get: function () { return __importDefault(trTR_2).default; } });
-var eo_2 = require("./date/eo");
-Object.defineProperty(exports, "dateEo", { enumerable: true, get: function () { return __importDefault(eo_2).default; } });
-var viVN_2 = require("./date/viVN");
-Object.defineProperty(exports, "dateViVN", { enumerable: true, get: function () { return __importDefault(viVN_2).default; } });
-var faIR_2 = require("./date/faIR");
-Object.defineProperty(exports, "dateFaIR", { enumerable: true, get: function () { return __importDefault(faIR_2).default; } });
-var svSE_2 = require("./date/svSE");
-Object.defineProperty(exports, "dateSvSE", { enumerable: true, get: function () { return __importDefault(svSE_2).default; } });
 var index_1 = require("./utils/index");
 Object.defineProperty(exports, "createLocale", { enumerable: true, get: function () { return index_1.createLocale; } });

package/lib/menu/src/utils.js

@@ -37,7 +37,9 @@ function itemRenderer(tmNode, menuProps) {
     }
     const { labelField } = menuProps;
     const { key, level, isGroup } = tmNode;
-    const props = Object.assign(Object.assign({}, rawNode), { title: (rawNode.title || rawNode[labelField]), extra: rawNode.titleExtra || rawNode.extra, key, internalKey: key, // since key can't be used as a prop
+    const props = Object.assign(Object.assign({}, rawNode), { title: (rawNode.title || rawNode[labelField]), extra: rawNode.titleExtra || rawNode[labelField] !== rawNode.extra
+            ? rawNode.extra
+            : '', key, internalKey: key, // since key can't be used as a prop
         level, root: level === 0, isGroup });
     if (tmNode.children) {
         if (tmNode.isGroup) {

package/lib/message/src/use-message.js

@@ -7,7 +7,7 @@ const context_1 = require("./context");
 function useMessage() {
     const api = (0, vue_1.inject)(context_1.messageApiInjectionKey, null);
     if (api === null) {
-        (0, _utils_1.throwError)('use-message', 'No outer <u-message-provider /> founded. See prerequisite in https://www.naiveui.com/en-US/os-theme/components/message for more details. If you want to use `useMessage` outside setup, please check https://www.naiveui.com/zh-CN/os-theme/components/message#Q-&-A.');
+        (0, _utils_1.throwError)('use-message', 'No outer <u-message-provider /> founded. See prerequisite in https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/message for more details. If you want to use `useMessage` outside setup, please check https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/message#Q-&-A.');
     }
     return api;
 }

package/lib/slider/src/Slider.js

@@ -13,7 +13,6 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const utils_1 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-// ref: https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent/button
 const eventButtonLeft = 0;
 exports.sliderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, defaultValue: {
         type: [Number, Array],

package/lib/tabs/src/Tabs.js

@@ -497,12 +497,12 @@ exports.default = (0, vue_1.defineComponent)({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const tabPaneChildren = defaultSlot
             ? (0, _utils_1.flatten)(defaultSlot()).filter((v) => {
-                return v.type.__TAB_PANE__ === true;
+                return v.type.name === 'TabPane';
             })
             : [];
         const tabChildren = defaultSlot
             ? (0, _utils_1.flatten)(defaultSlot()).filter((v) => {
-                return v.type.__TAB__ === true;
+                return v.type.name === 'Tab';
             })
             : [];
         const showPane = !tabChildren.length;

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

@@ -19,11 +19,12 @@ export type ShouldUseThumbnailUrl = (file: SettledFileInfo) => boolean;
 export type FuncOrRecordOrUndef<T = string> = Record<string, T> | (({ file }: {
     file: SettledFileInfo;
 }) => Record<string, T>) | undefined;
-export type OnChange = (data: {
+export interface OnChangePayload {
     file: SettledFileInfo;
     fileList: SettledFileInfo[];
     event: ProgressEvent | Event | undefined;
-}) => void;
+}
+export type OnChange = (data: OnChangePayload) => void;
 export type OnFinish = ({ file, event }: {
     file: SettledFileInfo;
     event?: ProgressEvent;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.2";
+declare const _default: "1.12.4";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.12.2",
+  "version": "1.12.4",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",