@uzum-tech/ui 1.5.2 → 1.5.4

package/lib/tag/styles/light.js

@@ -15,14 +15,14 @@ const self = (vars) => {
         closeSizeSmall: '14px',
         closeSizeMedium: '16px',
         closeSizeLarge: '18px',
-        paddingTiny: '2px 6px 2px 10px',
-        paddingSmall: '2px 6px 2px 10px',
-        paddingMedium: '2px 6px 2px 10px',
-        paddingLarge: '2px 6px 2px 10px',
+        paddingTiny: '2px 6px',
+        paddingSmall: '2px 6px',
+        paddingMedium: '2px 6px',
+        paddingLarge: '6px 8px',
         closeMargin: '0 0 0 4px',
         closeMarginRtl: '0 4px 0 0',
         closeBorderRadius: borderRadius,
-        heightTiny: '16px',
+        heightTiny: '20px',
         heightSmall: '20px',
         heightMedium: '24px',
         heightLarge: '32px',
@@ -39,7 +39,8 @@ const self = (vars) => {
         textColorHoverCheckable: textPrimary,
         textColorPressedCheckable: textPrimary,
         textColorChecked: textQuaternary,
-        colorCheckable: elementsSecondary,
+        colorCheckable: elementsQuaternary,
+        colorCheckableOutline: elementsSecondary,
         colorHoverCheckable: elementsQuaternary,
         colorPressedCheckable: elementsQuaternary,
         colorChecked: elementsPrimary,

package/lib/theme-editor/src/ThemeEditor.d.ts

@@ -17,6 +17,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         scrollbarHeight: string;
         scrollbarBorderRadius: string;
         opacityDisabled: string;
+        brand150: string;
+        brand350: string;
+        brand550: string;
         brandPrimary50: string;
         brandPrimary100: string;
         brandPrimary200: string;

package/lib/themes/dark.js

@@ -89,6 +89,7 @@ const styles_84 = require("../toggle-button/styles");
 const styles_85 = require("../_internal/account-option/styles");
 const styles_86 = require("../flex/styles");
 const styles_87 = require("../action-card/styles");
+const styles_88 = require("../styles");
 exports.darkTheme = {
     name: 'dark',
     common: common_1.commonDark,
@@ -133,6 +134,7 @@ exports.darkTheme = {
     IconWrapper: styles_37.iconWrapperDark,
     Image: styles_38.imageDark,
     Input: styles_39.inputDark,
+    InputOtp: styles_88.inputOtpDark,
     InputNumber: styles_40.inputNumberDark,
     LegacyTransfer: styles_42.legacyTransferDark,
     Layout: styles_41.layoutDark,

package/lib/themes/light.js

@@ -91,6 +91,7 @@ const styles_84 = require("../toggle-button/styles");
 const styles_85 = require("../_internal/account-option/styles");
 const styles_86 = require("../flex/styles");
 const styles_87 = require("../action-card/styles");
+const styles_88 = require("../input-otp/styles");
 exports.lightTheme = {
     name: 'light',
     common: common_1.commonLight,
@@ -135,6 +136,7 @@ exports.lightTheme = {
     IconWrapper: styles_37.iconWrapperLight,
     Image: styles_38.imageLight,
     Input: styles_39.inputLight,
+    InputOtp: styles_88.inputOtpLight,
     InputNumber: styles_40.inputNumberLight,
     Layout: styles_41.layoutLight,
     LegacyTransfer: styles_42.legacyTransferLight,

package/lib/time-picker/src/TimePicker.js

@@ -253,7 +253,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             const formattedValue = createFormattedValue(value);
             if (onUpdateValue) {
                 (0, _utils_1.call)(onUpdateValue, value, formattedValue);
@@ -265,22 +265,22 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onChange, value, formattedValue);
             doUpdateFormattedValue(formattedValue, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function doFocus(e) {
             const { onFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 (0, _utils_1.call)(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 (0, _utils_1.call)(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doConfirm() {
             const { onConfirm } = props;

package/lib/transfer/src/Transfer.js

@@ -69,7 +69,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { uncontrolledValueRef, mergedValueRef, targetValueSetRef, valueSetForCheckAllRef, valueSetForUncheckAllRef, valueSetForClearRef, filteredTgtOptionsRef, filteredSrcOptionsRef, targetOptionsRef, canNotSelectAnythingRef, canBeClearedRef, allCheckedRef, srcPatternRef, tgtPatternRef, mergedSrcFilterableRef, handleSrcFilterUpdateValue, handleTgtFilterUpdateValue } = (0, use_transfer_data_1.useTransferData)(props);
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (onUpdateValue)
                 (0, _utils_1.call)(onUpdateValue, value);
             if (_onUpdateValue)
@@ -77,8 +77,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (onChange)
                 (0, _utils_1.call)(onChange, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function handleSourceCheckAll() {
             doUpdateValue([...valueSetForCheckAllRef.value]);

package/lib/tree-select/src/TreeSelect.js

@@ -76,7 +76,7 @@ exports.default = (0, vue_1.defineComponent)({
         const menuElRef = (0, vue_1.ref)(null);
         const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const { localeRef } = (0, _mixins_1.useLocale)('Select');
-        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, nTriggerFormBlur, nTriggerFormChange, nTriggerFormFocus, nTriggerFormInput } = (0, _mixins_1.useFormItem)(props);
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, triggerFormBlur, triggerFormChange, triggerFormFocus, triggerFormInput } = (0, _mixins_1.useFormItem)(props);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
@@ -213,8 +213,8 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateValue, value, option, meta);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function doUpdateIndeterminateKeys(value, option) {
             const { onUpdateIndeterminateKeys, 'onUpdate:indeterminateKeys': _onUpdateIndeterminateKeys } = props;
@@ -239,14 +239,14 @@ exports.default = (0, vue_1.defineComponent)({
             const { onFocus } = props;
             if (onFocus)
                 onFocus(e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             closeMenu();
             const { onBlur } = props;
             if (onBlur)
                 onBlur(e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function closeMenu() {
             doUpdateShow(false);

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.5.2";
+declare const _default: "1.5.4";
 export default _default;

package/lib/version.js

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

package/package.json

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

package/volar.d.ts

@@ -75,6 +75,7 @@ declare module 'vue' {
     UInputGroup: typeof import('@uzum-tech/ui')['UInputGroup']
     UInputGroupLabel: typeof import('@uzum-tech/ui')['UInputGroupLabel']
     UInputNumber: typeof import('@uzum-tech/ui')['UInputNumber']
+    UInputOtp: typeof import('@uzum-tech/ui')['UInputOtp']
     ULayout: typeof import('@uzum-tech/ui')['ULayout']
     ULayoutContent: typeof import('@uzum-tech/ui')['ULayoutContent']
     ULayoutFooter: typeof import('@uzum-tech/ui')['ULayoutFooter']

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": "1.5.2",
+  "version": "1.5.4",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -708,6 +708,16 @@
               "description": "Convenient way to show skeleton loader on the avatar.",
               "default": "false"
             },
+            {
+              "name": "icon-color",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/avatar",
+              "type": "string"
+            },
+            {
+              "name": "icon-size",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/avatar",
+              "type": "string | number"
+            },
             {
               "name": "color",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/avatar",
@@ -3617,6 +3627,13 @@
               "description-sections": {
                 "since": "2.34.0"
               }
+            },
+            {
+              "name": "empty-props",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/data-table",
+              "type": "Partial<EmptyProps>",
+              "description": "Props passed to the Empty component when data is empty.",
+              "default": "undefined"
             }
           ],
           "js": {
@@ -5664,6 +5681,7 @@
         },
         {
           "name": "UPerformantEllipsis",
+          "doc-url": "https://www.naiveui.com/en-US/os-theme/components/ellipsis",
           "source": {
             "symbol": "UPerformantEllipsis"
           },
@@ -5672,14 +5690,17 @@
           "props": [
             {
               "name": "expand-trigger",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/ellipsis",
               "type": "string"
             },
             {
               "name": "line-clamp",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/ellipsis",
               "type": "number | string"
             },
             {
               "name": "tooltip",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/ellipsis",
               "type": "boolean | object"
             }
           ],
@@ -7973,6 +7994,101 @@
             ]
           }
         },
+        {
+          "name": "UInputOtp",
+          "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+          "source": {
+            "symbol": "UInputOtp"
+          },
+          "slots": [],
+          "attributes": [],
+          "props": [
+            {
+              "name": "default-value",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "Array"
+            },
+            {
+              "name": "value",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "Array"
+            },
+            {
+              "name": "length",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "number"
+            },
+            {
+              "name": "block",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "boolean"
+            },
+            {
+              "name": "size",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "string"
+            },
+            {
+              "name": "disabled",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "boolean"
+            },
+            {
+              "name": "mask",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "boolean"
+            },
+            {
+              "name": "readonly",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "boolean"
+            },
+            {
+              "name": "status",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "string"
+            },
+            {
+              "name": "gap",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "string | number"
+            },
+            {
+              "name": "placeholder",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "string"
+            },
+            {
+              "name": "allow-input",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp",
+              "type": "Function"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "blur",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp"
+              },
+              {
+                "name": "focus",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp"
+              },
+              {
+                "name": "update-value",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp"
+              },
+              {
+                "name": "update-value",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp"
+              },
+              {
+                "name": "finish",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/input-otp"
+              }
+            ]
+          }
+        },
         {
           "name": "ULayout",
           "description": "<!--single-column-->\n\nLayout is for layout.\n\nThe component is a bit complicated to use. But like a manual gear car, it worths a shot.\n\nIf you are use version before v2.3.0, you may want to know about <u-text tag=\"a\" href=\"#Changes-After-v2.3.0\">Changes After v2.3.0</u-text>.",
@@ -13571,6 +13687,11 @@
               "description": "Whether the tag is checkable. Note: this nullifies the type property.",
               "default": "false"
             },
+            {
+              "name": "outline",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/tag",
+              "type": "boolean"
+            },
             {
               "name": "strong",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/tag",
@@ -16109,12 +16230,16 @@
             {
               "name": "vertical",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/upload",
-              "type": "boolean"
+              "type": "boolean",
+              "description": "If `true`, displays content in a vertical layout instead of horizontal.",
+              "default": "false"
             },
             {
               "name": "icon",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/upload",
-              "type": "object"
+              "type": "VNodeChild | undefined",
+              "description": "A custom icon component to display in the uploader.",
+              "default": "undefined"
             },
             {
               "name": "is-error-state",
@@ -16302,7 +16427,9 @@
             {
               "name": "no-icon",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/upload",
-              "type": "boolean"
+              "type": "boolean",
+              "description": "If `true`, no icon will be shown, even if an `icon` is provided.",
+              "default": "false"
             },
             {
               "name": "<span style=\"color:red; text-decoration: line-through;\">render-icon</span>",